cf-buttons
Atoms
Default button
Default state
Hovered state
Focused state
Active state
Secondary button
Default state
Hovered state
Focused state
Active state
Destructive action button
Default state
Hovered state
Focused state
Active state
Disabled button
Default/hovered/active state
Focused state
Super button
Default state
Hovered state
Focused state
Active state
Button Links
Default state
Button Link Secondary Button Link Warning Button Link
Hovered state
Button Link Secondary Button Link Warning Button Link
Focus state
Button Link Secondary Button Link Warning Button Link
Active state
Button Link Secondary Button Link Warning Button Link
Molecules
Standard Button Group
With Default Buttons
With Super Buttons
Combined Button Group
With Default Buttons
With Super Buttons
Icon Buttons
Button with Icon on the left
- Secondary button
- Warning button
- Disabled button
Button with Icon on the right
- Secondary button
- Warning button
- Disabled button