Buttons
Buttons communicate an action to happen on user interaction.
| install | yarn add @clayui/button |
|---|---|
| version | 3.100.0 |
Stable3.100.0View in LexiconCHANGELOG
Display Types
You can determine how your button can be displayed using the displayType property:
Set displayType to unstyled to reset all the stylings from Bootstrap 4.
If you want use the button as a link set displayType to link.
Group
You can use the variant ClayButton.Group for creating button groups:
Use the spaced property to create spacing between buttons.
Icon
You can use the high-level component ClayButtonWithIcon to create a button with only an icon. If you need an icon and text, you need to compose with ClayIcon
Beta
A component to indicate beta features in DXP. The Button variant should be used when the component can be placed close to a non-interactive UI element, such as a title or a section. Also, a default popover is shown if the user interacts with it.
Beta Dark
btn-beta-dark is a dark variant of btn-beta to be used with dark backgrounds.