Button Styles¶
Overview¶
Skeletonic comprise several build-in styles:
Buttons have multiple styles for colouring that can be set in the css property:
| Class | Description |
|---|---|
| .default | Default button style. |
| .primary | Indicates the primary action. |
| .secondary | Indicates the secondary action. |
| .danger | Indicates a dangerous or negative action. |
| .info | Make an element to flash. |
| .link | Makes a <button> look like an <a> element. |
| .success | Make an element to pulsate. |
| .warning | Make an element to spin in place. |
Build-in styles¶
Default¶
<button type="button" class="default">Default</button>
Primary¶
<button type="button" class="primary">Primary</button>
Secondary¶
<button type="button" class="secondary">Secondary</button>
Danger¶
<button type="button" class="danger">Danger</button>
Info¶
<button type="button" class="info">Info</button>
Link¶
<button type="button" class="link">Link</button>
Success¶
<button type="button" class="success">Success</button>
Warning¶
<button type="button" class="warning">Warning</button>