Basic buttons
- Normal
- Disabled
Buttons with icons
- Normal
- Disabled
Social buttons
- Normal
- Disabled
Icon buttons
- Normal
- Social
- Disabled
Raised Icon buttons
- Normal
- Social
- Disabled
Buttons without background
- Basic button
- Disabled
- Button with icon
- Social
Fab button
- Colored FAB
- With ripple
- Disable
How to use
To use button with color background, you need to use CSS class naming as the
corresponding color in lowercase with prefix button--colored-.
If the color name is composed of more than one world, the words are separated by a dash "-".
You can see the names of the colors here.
Example: You want to use colored button with color naming "Teal". CSS class for this case is .button--colored-teal
To use social button, you need to use CSS class naming as the
corresponding social network in lowercase with prefix button--.
Example: You want to use Facebook button. CSS class for this case is .button--facebook