getButtonClass()function

getButtonClass(variants: ButtonVariants): string
ParamType
variantsButtonVariants
The button styling variants (flex, color, status, typography, plus button toggles). required
    .strongboolean
This is the default button in a form and should be displayed stronger.
    .plainboolean
Add plain styling (background only appears on hover or focus).
    .outlineboolean
Add outline styling (has no background until hover or focus).
    .smallboolean
Make the button appear smaller.
    .fullboolean
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.

Examples

getButtonClass({ color: "primary", small: true }) // "button …"