Widgets
Buttons
Markup for buttons
Size
1
<button class="button button--small">Small</button>
2
<button class="button">Default</button>
3
<button class="button button--big">Big</button>
Copied!
Color
1
<button class="button">Theme</button>
2
<button class="button button--theme-alt">Theme Alt</button>
3
<button class="button button--dark">Dark</button>
4
<button class="button button--light">Light</button>
5
<button class="button button--white">White</button>
Copied!
Transparent with border
1
<button class="button button--border">Border</button>
Copied!
Underline
1
<button class="button button--underline">Border</button>
Copied!
Block
1
<button class="button button--block">Button block</buttton>
Copied!
Button Loading
1
<button class="button button--loading">Button loading</a>
Copied!
Last modified 1yr ago
Copy link