Button
Semantic is a set of standards designed to make front end development less arbitrary. This is the definition of a button.
Overview
Standard
Button:
States
Can be hovered:
Can be pressed in:
Can be active:
Can be disabled:
Can show a loading indicator:
Can alert to a succesful action:
Can alert user of an error:
Variations
Can have different sizes:
Can have different colors:
Can fit parent container:
Can be formatted to fit just an icon or image:
Can be attached to the top or bottom of other content
Can be attached to an input field
Buttons (Button Groups)
Can exist together as groups
Groups can be vertical
Groups can be divided evenly to fit parent
Singular variations can be applied to groups to infer all elements share the same quality
Blue
Large