Gombok

Telített gombok

Elsődleges gomb

<a href="/" class="button">Elsődleges gomb</a>

Zöld gomb

<a href="/" class="button button-positive">Zöld gomb</a>

Piros gomb

<a href="/" class="button button-danger">Pirosgomb</a>

Szürke gomb

<a href="/" class="button button-grey">Szürke gomb</a>

Keretes gombok

Elsődleges gomb

<a href="/" class="button button-border">Elsődleges gomb</a>

Zöld gomb

<a href="/" class="button button-border button-positive">Zöld gomb</a>

Piros gomb

<a href="/" class="button button-border button-danger">Pirosgomb</a>

Szürke gomb

<a href="/" class="button button-border button-grey">Szürke gomb</a>

Gombok méretezése

Az alapértelmezett gomb méretet lehet egy fokkal kicsinyíteni, valamint növelni. Előbbihez a button-sm, utóbbihoz a button-xl értéket kell beilleszteni a gomb többi class-a mellé.

Nagy elsődleges gomb

<a href="/" class="button button-xl">Nagy elsődleges gomb</a>

Kis zöld gomb

<a href="/" class="button button-sm button-positive">Kis zöld gomb</a>

Nagy piros keretezett gomb

<a href="/" class="button button-border button-xl button-danger">Nagy piros keretezett gomb</a>

Kis keretezett szürke gomb

<a href="/" class="button button-border button-sm button-grey">Kis keretezett szürke gomb</a>