UI kit - KPAS - PKP
Menu
Štandardy
✓ Menu / Breakpoints / padding
✓ Pozície – Snackbary, Cookies lišta, Alerty, Chat-buble
✓ Modaly a spodné sheets
✓ Scrollovanie klávesnicou
✓ Formátovanie špeciálnych polí
✓ Farby a tiene
✓ Typografia
✓ Ikony – Produkty
Komponenty
✓ Stránkovanie
✓ Tags / Pills / Chips
✓ Spätná väzba
✓ Stepper – circle
✓ Stepper – vertical
✓ Loaders
✓ Accordion
✓ Tabuľky
✓ Karty poistenia
✓ Karty poistenia – kombinovana
✓ Datepicker
✓ Avatar
✓ Input – Text
✓ Input – Password
✓ Stepper – Heslo
✓ Input – SMS kód
✓ Input – Search field
✓ Input – Search – Menu
✓ Select – multiselect
✓ Select
✓ Radio button
✓ Checkbox
✓ Switch
✓ Tab – category
✓ Tab – group
✓ Tab – single
✓ Tlačidlo Button-primary
✓ Tlačidlo Button-secondary
✓ Tlačidlo Button-black
✓ Tlačidlo Button-border -> zmazat?
✓ Tlačidlo Icon – Button
✓ Tlačidlo Button-gray-border
✓ Tlačidlo Button-arrow
✓ Tlačidlo Button-white
✓ Tlačidlo Button-white-black
✓ Karta – Article box
✓ Link
✓ Tooltip / Bubliny
✓ Messages
Komponenty
✓ Accordion
✓ Avatar
✓ Checkbox
✓ Datepicker
✓ Input – Password
✓ Input – Search field
✓ Input – SMS kód
✓ Input – Text
✓ Karta – Article box
✓ Karty poistenia
✓ Karty poistenia – kombinovana
✓ Link
✓ Loaders
✓ Messages
✓ Radio button
✓ Input – Search – Menu
✓ Select
✓ Select – multiselect
✓ Spätná väzba
✓ Stepper – circle
✓ Stepper – Heslo
✓ Stepper – vertical
✓ Stránkovanie
✓ Switch
✓ Tab – category
✓ Tab – group
✓ Tab – single
✓ Tabuľky
✓ Tags / Pills / Chips
✓ Tlačidlo Button-primary
✓ Tlačidlo Button-arrow
✓ Tlačidlo Button-black
✓ Tlačidlo Button-border -> zmazat?
✓ Tlačidlo Button-gray-border
✓ Tlačidlo Button-secondary
✓ Tlačidlo Button-white
✓ Tlačidlo Button-white-black
✓ Tlačidlo Icon – Button
✓ Tooltip / Bubliny
✓ Tooltip / Bubliny
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.
Komponent Tooltip
Ukážka
toto je
tooltip
Toto je Tooltip placeholder