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
✓ Link
Používa na vytváranie hypertextových odkazov, ktoré umožňujú používateľom prekliknúť sa na inú stránku alebo časť obsahu.
Komponent Link
Ikona môže byť pred, alebo za textom
Ukážka použitia linky [LG - 16px]
Toto je URL odkaz
Toto je URL odkaz
Toto je URL odkaz
Ukážka použitia linky [MG - 15px]
Toto je URL odkaz
Toto je URL odkaz
Toto je URL odkaz
Ukážka použitia linky [SM - 13px]
Toto je URL odkaz
Toto je URL odkaz
Toto je URL odkaz