Elements
Button
A standard button
Emphasis
A button can be formatted to show different levels of emphasis
Setting your brand colors to primary and secondary color variables in .variables.scss will allow you to use your color theming for UI elements
Card
Create layout boxes with different styles.
Default
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Media modifiers.
To display an image inside a card without any spacing, add one of the following classes to a <div> around the <img> element. Mind that you need to modify the source order accordingly.
Media Top
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.
Form
Easily create nice looking forms with different styles and layouts.
Input has border
Input has border
Checkbox
Radio Button
Switch Button
Tab
Create a tabbed navigation with different styles.
Setting your brand colors to primary and secondary color variables in .variables.scss will allow you to use your color theming for UI elements
Extanded
Rounded tab
Working tabs
- Hello
- Hello again!
- Bazinga!