Szemantikus felhasználói felület gombok

Mik azok a szemantikus felhasználói felület gombjai?

Egy gomb jelzi a lehetséges felhasználói műveletet. A szemantikus felhasználói felület egyszerűen használható szintaxist biztosít, amely nemcsak a gomb stílusát, hanem a természetes nyelv szemantikáját is egyszerűsíti.

Hogyan kell használni őket

A Semantic UI osztály egyszerűen hozzáadódik egy gombelemhez. Az alábbiakban különféle példákat mutatunk be annak használatára.

Típusok

  • Standard gomb

Normál szemantikus felhasználói felület gomb

Standard Button
  • Kiemelés gomb

Különböző hangsúlyszintű gomb

Más hangsúlyt osztályok secondary, positiveésnegative

  • Animált gomb

Gomb animációval, rejtett tartalmakkal

 Sign-up for a Pro account $12.99 a month 

A tabindex="0"fenti tulajdonság a gomb billentyűzetét fókuszálhatóvá teszi, mivel a címkét nem használták.

  • Címkézett gomb

Egy gomb a címke mellett

 Like 2,048 

az elemet egy ikon megadására használják, itt ez egy szív ikon az alapcímke mellett2,048

  • Ikon gomb

A szemantikus felhasználói felület gomb csak ikon lehet

A fenti csak egy kamera ikon

Csoportok

A szemantikus felhasználói felület gombjai létezhetnek egy csoportban

 One Two Three 

Tartalom

A szemantikus felhasználói felület gombjai feltételeket tartalmazhatnak

 Yes No 

Államok

Szemantikus UI gombok létezhetnek különböző államok, active, disabled, loading. Egyszerűen adjon hozzá egy államnevet az ` classattribútum ofelemhez.

Loading

Változatok

Szemantikus UI gombok léteznek különböző méretekben, mini, tiny, small, medium, large, big, huge, és massive.

Massive Button

Sokkal többet talál a szemantikus felhasználói felület gombjairól. További információért keresse fel a További információk részben található hivatkozást.

Több információ:

  • Szemantikus felhasználói felület gombok dokumentumok