Buttons
Buttons communicate an action to happen on user interaction.
install | yarn add @clayui/button |
---|---|
version | 3.116.0 |
Stable3.116.0View in LexiconCHANGELOG
Display Types
You can determine how your button can be displayed using the displayType
property:
If you want use the button as a link set displayType
to link
.
Copied!
Group
You can use the variant ClayButton.Group
for creating button groups:
Use the spaced
property to create spacing between buttons.
Copied!
Code Sample (expand to see it)
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
Copied!
Code Sample (expand to see it)