| Element | Markup |
|---|---|
| a | <span class="button"><a href="#">TEXT</a></span> |
| button | <span class="button"><button type="button">TEXT</button></span> |
| input | <span class="button"><input type="submit" value="TEXT" /></span> |
| with icon | <span class="button icon"><span class="check"></span><button type="button">TEXT</button></span> |
| Variation | Mixable Class Name |
|---|---|
| declaration | button, button+icon |
| size | small, medium, large, xLarge |
| strong | strong |
| icon | check, add, delete, calendar, refresh |
| Element | small | medium | large | xLarge |
|---|---|---|---|---|
| a | ||||
| button | ||||
| input |
| Element | small | medium | large | xLarge |
|---|---|---|---|---|
| a | ||||
| button | ||||
| input |
| Element | small | medium | large | xLarge |
|---|---|---|---|---|
| a | ||||
| button | ||||
| input |
| Element | small | medium | large | xLarge |
|---|---|---|---|---|
| a | ||||
| button | ||||
| input |
| Element | small | medium | large | xLarge |
|---|---|---|---|---|
| a | ||||
| button | ||||
| input |
| Element | small | medium | large | xLarge |
|---|---|---|---|---|
| a | ||||
| button | ||||
| input |