Semantiskās lietotāja saskarnes pogas

Kas ir semantiskās lietotāja saskarnes pogas?

Poga norāda iespējamo lietotāja darbību. Semantiskā lietotāja saskarne nodrošina ērti lietojamu sintaksi, kas vienkāršo ne tikai pogas veidošanu, bet arī dabiskās valodas semantiku.

Kā tos izmantot

Semantiskās lietotāja saskarnes klase tiek vienkārši pievienota pogas elementam. Tālāk ir sniegti dažādi piemēri, lai norādītu, kā to izmantot.

Veidi

  • Standarta poga

Standarta semantiskā lietotāja interfeisa poga

Standard Button
  • Uzsvars Poga

Poga ar atšķirīgu uzsvaru

Citas uzsvaru nodarbības ir secondary, positiveunnegative

  • Animācijas poga

Poga ar animāciju, kas parāda paslēptu saturu

 Sign-up for a Pro account $12.99 a month 

Iepriekš minētais rekvizīts tabindex="0"padara pogas tastatūru fokusējamu, jo tags netika izmantots.

  • Poga ar etiķeti

Poga blakus etiķetei

 Like 2,048 

elements tiek izmantots ikonas norādīšanai, šeit tā ir sirds ikona blakus pamata etiķetei2,048

  • Ikonas poga

Semantiskā lietotāja interfeisa poga var būt tikai ikona

Iepriekš minētā ir tikai kameras ikona

Grupas

Semantiskās lietotāja saskarnes pogas var pastāvēt grupā

 One Two Three 

Saturs

Semantiskās lietotāja saskarnes pogas var saturēt nosacījumus

 Yes No 

Štatos

Semantiskās UI pogas var pastāvēt dažādās valstīs, active, disabled, loading. Vienkārši pievienojiet stāvokļa nosaukumu classatribūta of`elementam.

Loading

Variācijas

Semantiskās UI pogas pastāv dažādos izmēros, mini, tiny, small, medium, large, big, huge, un massive.

Massive Button

Ir daudz vairāk par semantiskās lietotāja saskarnes pogām, lai uzzinātu vairāk, apmeklējiet norādīto saiti sadaļā Papildinformācija.

Vairāk informācijas:

  • Semantiskās lietotāja saskarnes pogas Dokumenti