Buttons are using the native
<button> tag, without
.classes. for the default style.
Buttons come with
.contrast styles (not available in the class-less version).
They also come with a classic outline style (not available in the class-less version).
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.
Buttons come with a disabled style.
Clickable elements with
role="button" are rendered as buttons.
Usage with group#
You can use
role="group" with buttons. See Group.