Komponenty
Accordion sa používa na organizovanie a zobrazovanie väčšieho množstva obsahu spôsobom, ktorý je pre používateľa prehľadný a interaktívny.
Avatar (profilová fotka) je vizuálne zobrazenie používateľa na webe, často vo forme fotografie alebo ikony. Slúži na identifikáciu a personalizáciu používateľského profilu v online prostredí.
Checkbox je formulárový prvok, ktorý umožňuje používateľovi vybrať jednu alebo viacero možností. Zaškrtávacie políčko môže byť zapnuté (zaškrtnuté) alebo vypnuté.
Datepicker (výber dátumu) je používateľské rozhranie alebo ovládací prvok, ktorý umožňuje používateľovi jednoducho a presne zvoliť dátum z kalendára namiesto manuálneho zadávania. Používa sa najmä vo formulároch, aplikáciách a webových stránkach, kde je potrebné zadať dátum (napr. dátum narodenia, rezervácie, termíny stretnutí a pod.).
Vytvára jednoriadkové textové pole pre zadávanie textu od používateľa. Používa sa napríklad na zadanie mena, e-mailu alebo iného textového údaju.
Vytvára jednoriadkové textové pole pre zadávanie textu od používateľa. Používa sa napríklad na zadanie mena, e-mailu alebo iného textového údaju.
Vytvára jednoriadkové textové pole pre zadávanie textu od používateľa. Používa sa napríklad na zadanie mena, e-mailu alebo iného textového údaju.
Náhľad článku s fotografiou a nadpisom, po kliknutí smeruje na detail článku
Používa na vytváranie hypertextových odkazov, ktoré umožňujú používateľom prekliknúť sa na inú stránku alebo časť obsahu.
Messages ako warnings, success a attention sa používajú na informovanie používateľa o výsledku jeho akcie alebo dôležitom stave systému. Pomáhajú zvýšiť prehľadnosť a zlepšujú používateľský zážitok tým, že poskytujú okamžitú spätnú väzbu.
Radio button je ovládací prvok formulára, ktorý umožňuje používateľovi vybrať len jednu možnosť zo skupiny preddefinovaných volieb. Po výbere jednej možnosti sa predchádzajúci výber automaticky zruší.
Komponent Select vo formulári slúži na výber jednej alebo viacerých možností zo zoznamu preddefinovaných hodnôt. Umožňuje efektívne zobraziť veľký počet volieb bez zahltenia formulára.
Komponent Select vo formulári slúži na výber jednej alebo viacerých možností zo zoznamu preddefinovaných hodnôt. Umožňuje efektívne zobraziť veľký počet volieb bez zahltenia formulára.
Stepper komponent sa používa na zobrazenie aktuálnej pozície v procese vypĺňania formulára. Umožňuje používateľovi vidieť, v ktorom kroku sa nachádza a koľko krokov mu ešte zostáva na kompletné vyplnenie.
Stepper komponent sa používa na zobrazenie aktuálnej pozície v procese vypĺňania formulára. Umožňuje používateľovi vidieť, v ktorom kroku sa nachádza a koľko krokov mu ešte zostáva na kompletné vyplnenie.
Stránkovanie (pagination) je technika rozdelenia veľkého množstva obsahu do viacerých častí alebo stránok, ktoré sa načítavajú postupne. Umožňuje efektívnejšie zobrazovanie dát a zlepšuje používateľskú skúsenosť na webe.
UI komponent switch sa na stránkach používa na prepínanie medzi dvoma stavmi, najčastejšie „zapnuté“ a „vypnuté“. Slúži ako vizuálne intuitívny ovládací prvok pre nastavenia alebo funkcie, ktoré používateľ môže jednoducho aktivovať alebo deaktivovať.
Komponent Category Tab na webových stránkach slúži na organizáciu obsahu / kategórií do prehľadných sekcií, medzi ktorými môže používateľ prepínať. Umožňuje zobraziť viacero súvisiacich informácií na jednom mieste bez potreby načítavania novej stránky. Zvyšuje používateľský komfort a šetrí priestor na obrazovke.
Komponent Tab na webových stránkach slúži na organizáciu obsahu do prehľadných sekcií, medzi ktorými môže používateľ prepínať. Umožňuje zobraziť viacero súvisiacich informácií na jednom mieste bez potreby načítavania novej stránky. Zvyšuje používateľský komfort a šetrí priestor na obrazovke.
Komponent Tab na webových stránkach slúži na organizáciu obsahu do prehľadných sekcií, medzi ktorými môže používateľ prepínať. Umožňuje zobraziť viacero súvisiacich informácií na jednom mieste bez potreby načítavania novej stránky. Zvyšuje používateľský komfort a šetrí priestor na obrazovke.
Button predstavuje hlavné akčné prvky, ktoré vykonajú používateľskú interakciu.
Button predstavuje hlavné akčné prvky, ktoré vykonajú používateľskú interakciu.
Button predstavuje hlavné akčné prvky, ktoré vykonajú používateľskú interakciu.
Button predstavuje hlavné akčné prvky, ktoré vykonajú používateľskú interakciu.
Button predstavuje hlavné akčné prvky, ktoré vykonajú používateľskú interakciu.
Button predstavuje hlavné akčné prvky, ktoré vykonajú používateľskú interakciu.
Button predstavuje hlavné akčné prvky, ktoré vykonajú používateľskú interakciu.
Button predstavuje hlavné akčné prvky, ktoré vykonajú používateľskú interakciu.
Button predstavuje hlavné akčné prvky, ktoré vykonajú používateľskú interakciu.
Tooltip sa na stránkach používa na zobrazenie doplňujúcich informácií, keď používateľ podrží kurzor nad prvkom. Pomáha objasniť funkciu alebo význam bez toho, aby zaberal miesto na stránke.