Semantiniai vartotojo sąsajos mygtukai

Kas yra semantinio vartotojo sąsajos mygtukai?

Mygtukas rodo galimą vartotojo veiksmą. „Semantic UI“ suteikia lengvai naudojamą sintaksę, kuri supaprastina ne tik mygtuko stilių, bet ir natūralios kalbos semantiką.

Kaip jais naudotis

„Semantic UI“ klasė tiesiog pridedama prie mygtuko elemento. Toliau pateikiami įvairūs pavyzdžiai, nurodantys, kaip jį naudoti.

Tipai

  • Standartinis mygtukas

Standartinis semantinio vartotojo sąsajos mygtukas

Standard Button
  • Pabrėžtas mygtukas

Mygtukas su skirtingu pabrėžimo lygiu

Kitos Dėmesys klases secondary, positiveirnegative

  • Animuotas mygtukas

Mygtukas su animacija, rodantis paslėptą turinį

 Sign-up for a Pro account $12.99 a month 

Dėl tabindex="0"aukščiau esančios ypatybės mygtuko klaviatūrą galima fokusuoti, nes žyma nebuvo naudojama.

  • Pažymėtas mygtukas

Mygtukas šalia etiketės

 Like 2,048 

elementas naudojamas piktogramai nurodyti, čia ji yra širdies piktograma šalia pagrindinės etiketės2,048

  • Piktogramos mygtukas

Semantinio vartotojo sąsajos mygtukas gali būti tik piktograma

Aukščiau yra tik fotoaparato piktograma

Grupės

Semantiniai vartotojo sąsajos mygtukai gali būti grupėje

 One Two Three 

Turinys

Semantiniuose vartotojo sąsajos mygtukuose gali būti sąlyginių

 Yes No 

Valstybes

Semantiniai UI mygtukai gali egzistuoti skirtingose valstybėse narėse, active, disabled, loading. Tiesiog pridėkite būsenos pavadinimą prie elemento „ classatributas of“.

Loading

Variacijos

Semantiniai UI mygtukai egzistuoja įvairių dydžių, mini, tiny, small, medium, large, big, huge, ir massive.

Massive Button

Yra daug daugiau apie semantinio vartotojo sąsajos mygtukus. Norėdami sužinoti daugiau, apsilankykite pateiktoje nuorodoje skiltyje „Daugiau informacijos“.

Daugiau informacijos:

  • Semantinio vartotojo sąsajos mygtukų dokumentai