Button

PropTypeDescriptionDefault
active array
actionType arraybutton
as arraybutton
children array
className array
disabled array
fullWidth array
iconOnly array
loading array
noContrast array
noRadius array
size arrayoneOf(['xsmall', 'small'])
type arrayoneOf(['reset', 'default', 'primary', 'secondary', 'teal', 'danger', 'outlinePrimary'])
url array

Size variations

Icon only

Icon buttons only contain a single icon and can be used to indicate shortcuts. Icons are automatically sized based on the button size modifier provided.

Loading state

Bundling the Loader component; we can provide more tactile feedback to users while fetching remote data.

Contrast

The Button component automatically adapts to parent containers containing .u-contrast.