Button
This is a collection of guidelines and components which can be used to create amazing user experiences. Foundations introduces you to Cashbac's principles while Components lists out the bits and pieces that make up Cashbac Design System.
Standard buttons
Normal
Active State
Disabled
Outline Buttons
Use variant="outline-*" prop
Normal
Active State
Disabled
Ghost Buttons
Use
.btn-ghost-* class for ghost buttons.
Normal
Active State
Disabled
Sizes
Fancy larger or smaller buttons? Add size="lg" or size="sm" for additional sizes.
Small
Normal
Large
With Icons
Toggle pressed state
Block Level b-buttonsAdd this
blockBlock Level b-buttonsAdd this
block