On This Page
Types
A button can be emphasized in a layout.
A button can be formatted as a page link.
A button can be styled to fit into a layout.
A button can emphasize its active state.
A button can animate to show hidden content.
Content
A button can include an icon.
A button can include an image.
Add Jenny
Add Jenny
Add Jenny
Add Jenny
A button can display a notification badge.
States
A button can be hovered.
A button can be pressed by a pointer.
A button can be focused by the keyboard.
A button can be activated.
A button can have interactions disabled.
A button can indicate it is loading content.
Variations
A button can align to the left or right of its container.
A button can take the width of its container.
A button can reduce its padding.
A button can vary in size.
A button can be rounded like a circle.
A button can attach to other content.
A button can be a standard html button type.
A button can be colored.
A button can appear formatted with the brand colors of a social website.
A button can indicate a positive action.
A button can indicate a potentially dangerous action.
A button can indicate a negative action.
A button can indicate it contains information.
A button can appear transparent.