MATERIAL TEMPLATE
All components
(v1.0)
Color Schemes
Buttons
Pick your style
Default
Round
Hover Gradient
With icon
Disabled
Pick your size
Extra Small Size
Small Size
Regular Size
Large Size
Pick your color
Brand Default
Brand Primary
Brand Info
Brand Success
Brand Warning
Brand Danger
Form Input
Pick your size
Pick your style
USD
Selector
2
3
4
5
Action
Action
Another action
Something else here
Separated link
Checkbox - Radio button
Pick your style
Checkbox block
Option one is this and that—be sure to include why it's great
Option two is disabled
Radio button block
Option one is this and that—be sure to include why it's great
Option two can be something else and selecting it will deselect option one
Option three is disabled
Checkbox inline
Categories 1
Categories 2
Categories 3
Radio butotn inline
Male
Female
Other
Dropdown
Dropdown
Action
Another action
Something else here
Separated link
Item Delete
Dropdown with icon
Action
Another action
Something else here
Separated link
Item Delete
Dropdown with scroll
Action
Another action
Another action
Another action
Another action
Another action
Another action
Another action
Something else here
Separated link
Item Delete
If you want add arrow top or bottom for dropdown. Could you add mixins as below:
.arr-dropdown(@size:8px, @color:#FFF, @position:top, @left:auto, @right:auto)
Example:
Alert
Well done!
You successfully read this important alert message.
Heads up!
This alert needs your attention, but it's not super important.
Warning!
Better check yourself, you're not looking too good.
Oh snap!
Change a few things up and try submitting again.