Button

<React.Fragment />

<React.Fragment />

<React.Fragment />

<React.Fragment />

Button configuration

Button components can use the following props:

buttonStyle (optional)

The button style to use. Options are:

• primary (default)
• secondary

className (optional)

A CSS class name to pass to the component.

hasLinkStyle (optional)

Whether to make the button look like a link. Boolean.

href (optional)

href attribute to use on the button. If a href is specified, the button will use the HTML a element.

icon (optional)

Name of the icon to use.

isIconLeft (optional)

Whether a button's icon is aligned to the left (default is aligned to the right). Boolean.

isIconOnly (optional)

Whether this is an ‘icon only’ button. This will make the button's text (its child) be visually hidden but available to screen readers. Boolean, default is false.

isSmall (optional)

Whether to use the ‘small’ variant of a button. Boolean.

type (optional)

The value for the type attribute of the button. Default is button but sometimes submit might be more appropriate.

width (optional)

The button width to use. Options are:

• fluid (default)
• fixed
• max