Što su semantički gumbi korisničkog sučelja?
Gumb označava moguću radnju korisnika. Semantičko korisničko sučelje pruža sintaksu jednostavnu za upotrebu koja pojednostavljuje ne samo stil gumba, već i semantiku prirodnog jezika.
Kako ih koristiti
Klasa Semantičkog korisničkog sučelja jednostavno se dodaje elementu gumba. U nastavku su navedeni razni primjeri kako bi se naznačilo kako ga koristiti.
Vrste
- Standardni gumb
Gumb Standardni semantički sučelje
Standard Button
- Gumb za naglašavanje
Gumb s različitom razinom naglaska
Drugi naglasak klase secondary
, positive
inegative
- Animirani gumb
Gumb s animacijom koji prikazuje skriveni sadržaj
Sign-up for a Pro account $12.99 a month
tabindex="0"
Gornje svojstvo čini tipkovnicu gumba fokusiranom jer oznaka nije korištena.
- Označeno dugme
Gumb uz naljepnicu
Like 2,048
element se koristi za određivanje ikone, ovdje je to ikona srca
uz osnovnu oznaku
2,048
- Gumb ikone
Gumb za semantičko korisničko sučelje može biti samo ikona
Iznad je samo ikona kamere
Grupe
Gumbi za semantičko korisničko sučelje mogu postojati u grupi
One Two Three
Sadržaj
Gumbi za semantičko korisničko sučelje mogu sadržavati uvjetne uvjete
Yes No
Države
Semantičke UI gumbe može postojati u različitim državama, active
, disabled
, loading
. Jednostavno dodajte naziv stanja elementu class
atribut of
`.
Loading
Varijacije
Semantičke UI gumbe postoje u različitim veličinama, mini
, tiny
, small
, medium
, large
, big
, huge
, i massive
.
Massive Button
Puno je više o semantičkim gumbima korisničkog sučelja, posjetite navedenu vezu u odjeljku Više informacija da biste saznali više.
Više informacija:
- Gumbi semantičkog korisničkog sučelja Dokumenti