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.
LoadingVáltozatok
Szemantikus UI gombok léteznek különböző méretekben, mini, tiny, small, medium, large, big, huge, és massive.
Massive ButtonSokkal 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