Code Example
See the Pen eMeals Buttons by Adam Silverman (@silverbox) on CodePen.
Code Table
Button Type: | Button Classes: | Appearance: |
---|---|---|
Basic Button | button | Button |
Large Button | button button-lg | Button |
Small Button | button button-sm | Button |
Basic Button Grey | button | Button |
Basic Button Orange | button button-bg-orange | Button |
Basic Button Green | button button-bg-green | Button |
Basic Button Red | button button-bg-red | Button |
Small Orange | button button-sm button-bg-orange | Button |
Small Green | button button-sm button-bg-green | Button |
Small Red | button button-sm button-bg-red | Button |
Small Grey | button button-sm button-bg-grey | Button |
Large Orange | button button-lg button-bg-orange | Button |
Large Green | button button-lg button-bg-green | Button |
Large Red | button button-lg button-bg-red | Button |
Large Grey | button button-lg button-bg-grey | Button |
Full Width Orange | button button-full-width button-bg-orange | Button |
Full Width Green | button button-full-width button-bg-green | Button |
Full Width Red | button button-full-width button-bg-red | Button |
Full Width Grey | button button-full-width button-bg-grey | Button |
Rounded Rectable Button | roundedRectangleButton | Button |