Buttons

Use Pixel's custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.

See our Documentation for a detailed technical explanation.
Main Buttons
Round Main Buttons
Outline Buttons
Round Outline Buttons
Animated Buttons
Loading Buttons
Toggle loading transitions

*Use these when programatically changing the state of the button for a smooth transition.

Dropdown buttons
Link Buttons
Primary Icon Left Icon Right
Sizes
Choose your color
Main
Outline
Round Outline
Links
Default Primary Secondary Tertiary Info Success Warning Danger Dark Gray Light
Social Buttons












Social Round

Square

Circle

Icon