Gumbi semantičkog korisničkog sučelja

Š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, positiveinegative

  • 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 oznaku2,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 classatribut 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