getButtonClass()function
getButtonClass(variants: ButtonVariants): string
| Param | Type | |
|---|---|---|
variants | ButtonVariants | The button styling variants (block, flex, status, plus button toggles). required |
.solid | boolean | Solid styling: a strong fill of the tint colour with white text. Use it for the main action. |
.plain | boolean | Plain styling: no fill or border until hover or focus. |
.outline | boolean | Outline styling: like plain, but with a border until hover or focus. |
.selected | boolean | Whether the button is the selected one in a group, such as a set of tabs. - true sets aria-pressed (or aria-current on a link) and keeps the button's normal look.- false also drops the fill until hover or focus, so the selected button stands out.- undefined (the default) means the button is not part of a group. |
.small | boolean | Make the button appear smaller. |
.full | boolean | Fill the available width instead of sizing to content (buttons are content-width by default). |
| Return | |
|---|---|
string | A space-separated className string combining all the resolved variant classes. |
Get the full combined className string for a button from its styling variants.