ButtonVariantsinterface

{
	solid?: boolean | undefined;
	plain?: boolean | undefined;
	outline?: boolean | undefined;
	selected?: boolean | undefined;
	small?: boolean | undefined;
	full?: boolean | undefined;
}
PropertyType
.solidboolean
Solid styling: a strong fill of the tint colour with white text. Use it for the main action.
.plainboolean
Plain styling: no fill or border until hover or focus.
.outlineboolean
Outline styling: like plain, but with a border until hover or focus.
.selectedboolean
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.
.smallboolean
Make the button appear smaller.
.fullboolean
Fill the available width instead of sizing to content (buttons are content-width by default).

Styling variants for a Button: the block variants (space, padding, indent, width, typography), flex, and status, plus button-specific toggles.