Variants#
Buttons come with .secondary
and .contrast
styles (not available in the class-less version).
They also come with a classic outline style (not available in the class-less version).
Form buttons#
type="submit"
and type="button"
inputs are also displayed as buttons. All form buttons are width: 100%;
by default, to match with the other form elements.
Reset inputs have the secondary style by default.
Disabled#
Buttons come with a disabled style.
Role button#
Clickable elements with role="button"
are rendered as buttons.
Div as button
Usage with group#
You can use role="group"
with buttons. See Group.