Elements: Button

Button with anchor tag

Anchor tag

Button with button tag

Button with input submit tag

Button with input reset tag

Button as text




Outlined style

Inverted style (the text color becomes the background color and opposite)

Inverted and outlined style (the inverted color becomes the text colors)

Rounded style

Normal state

Hover state

Focus state

Active state

Loading state

Disabled state

Static button

Button with icon only

Button with icon and text

List of buttons

List of buttons with small size

List of buttons with medium size

List of buttons with large size

List of buttons with large size and individual sizes

Group of attached buttons

Centered group of attached buttons

Right-aligned group of attached buttons

Group of attached buttons with expanded button