ButtonVariantsinterface
{
strong?: boolean | undefined;
plain?: boolean | undefined;
outline?: boolean | undefined;
small?: boolean | undefined;
full?: boolean | undefined;
}| Property | Type | |
|---|---|---|
.strong | boolean | This is the default button in a form and should be displayed stronger. |
.plain | boolean | Add plain styling (background only appears on hover or focus). |
.outline | boolean | Add outline styling (has no background until hover or focus). |
.small | boolean | Make the button appear smaller. |
.full | boolean | Fill the available width instead of sizing to content (buttons are content-width by default). |
Styling variants for a Button, combining flex, color, status, and typography options with button-specific toggles.