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
Štandardy
✓ Farby a tiene
✓ Formátovanie špeciálnych polí
✓ Menu / Breakpoints / padding
✓ Modaly a spodné sheets
✓ Pozície – Snackbary, Cookies lišta, Alerty, Chat-buble
✓ Scrollovanie klávesnicou
✓ Typografia
✓ Ikony – Produkty
✓ Ikony – Produkty
Ikony pre rôzne typy poistenia
Ikony – Produkty
Desktop
: 50px / 50px
Mobil
: 40px / 40px
Ukážka - Poistenie Deti
Ukážka - Poistenie Dospelí
Ukážka - Poistenie Bývanie
Ukážka - Poistenie Vozidlá
Ukážka - Poistenie Cestovanie
Ukážka - Poistenie Podnikanie
Ukážka - Poistenie Mestá a obce
Ukážka - Poistenie Zodpovednosť
Ukážka
Ukážka - použitie v prípade potreby väčšieho kontrastu
Ukážka - inverzne B&W
Ukážka - inverzne farba produktu