Horizontálna kartička
V tejto časti nájdete všetky podstatné informácie o vydaní a používaní občianskeho preukazu s čipom.
DokladyElektronické služby
Neoficiálna ukážka shadcn komponentov
Shadcn-style React komponenty postavené na pravidlách IDSK
Tokeny, typografia, stavy formulárov a základná informačná architektúra podľa IDSK, preložené do lokálnych Tailwind / React komponentov. Toto nie je oficiálna stránka verejnej správy.
Použité základy
- Typografia: Source Sans Pro, responzívny škálovaný systém nadpisov, textu a odkazov.
- Farby: primárna modrá
#126DFF, tmavá modrá#072C66, chybová červená#C3112B, focus oranžová#D96E00. - Tiene: malé, stredné, veľké, dialógové a hlavičkové tiene podľa IDSK.
- Grid: kontajner do 1120 px, štrukturálne medzery IDSK a responzívna 4/8/12-stĺpcová mriežka.
Open source a inštalácia
Tento projekt je open source. Zdrojový kód nájdete v repozitári github.com/bmikuska46/idsk-shadcn. Komponenty inštalujte cez oficiálny shadcn postup pre registry tretích strán (namespaced registries).
Použite oficiálny shadcn návod pre other registries
Postupujte podľa dokumentácie Namespaces / other registries: najprv pridajte registry do
components.json, potom inštalujte položky cez CLI v tvare @namespace/component.1. Pridajte registry
Do components.json doplňte pole registries podľa oficiálneho návodu. URL musí obsahovať placeholder {name}.
{
"registries": {
"@idsk": "https://example.com/r/{name}.json"
}
}2. Nainštalujte komponent
Po konfigurácii registry použite shadcn CLI. Alternatívne môžete pridať položku priamo z URL podľa rovnakého oficiálneho návodu.
npx shadcn@latest add @idsk/button
# alebo priamo z URL
npx shadcn@latest add https://example.com/r/button.jsonTlačidlá
Primárne, sekundárne a textové varianty s basic, success a warning tónmi podľa oficiálnej špecifikácie tlačidiel.
Základné akcie
Procesné stavy
Informačné lišty
Statické informačné, varovné, upozorňovacie a úspešné správy používajú text a ikonu, takže význam nie je vyjadrený iba farbou.
Dôležitá informácia
Pre rýchlejšie vybavenie žiadosti odporúčame priložiť doklad o ukončení štúdia.
Žiadosť nie je úplná
Skontrolujte formulár a doplňte chýbajúce povinné údaje.
Upozornenie
Ak prílohy nenahráte teraz, bude potrebné ich doložiť dodatočne.
Formulár bol uložený
Vypĺňanie môžete bezpečne dokončiť neskôr.
K dispozícii je nová verzia žiadosti
Skontrolujte zmeny a pokračujte v najnovšej verzii formulára.
Vyhľadávanie
Samostatné vyhľadávacie pole replikuje hlavičkové vyhľadávanie z webu IDSK vrátane rozloženia, rádiusu a ikonového tlačidla.
Formulárové polia
Textové pole, viacriadkové pole, rozbaľovací zoznam, prepínacie a zaškrtávacie polia s povinnými stavmi a chybovým prehľadom.
Zadajte správne tieto vstupné údaje a skúste odoslať znova.
Priestor pre popis, k akým chybám došlo a ako ich opraviť.
Napríklad vo formáte 850101/1234.Popisný text
Príklad: +421 901 234 567
Chyba: Telefónne číslo musí mať medzinárodný formát.
Uveďte len informácie, ktoré súvisia s vašou žiadosťou.
Maximálne 200 znakov
Nahrajte súbor
Spresnite požiadavku na nahrávaný súbor.
Navigačné komponenty
Rázcestníky, akordeón a hlavička elektronickej služby vychádzajú z oficiálnych IDSK vzorov, ale sú prepísané do lokálnych React komponentov.
Horizontálny rázcestník
Prehľad základných údajov a stav vybavenia žiadosti.
Nové
Textový rázcestník
Obsahová dlaždica bez ikony vhodná pre stručné textové navigácie.
Vertikálny rázcestník
Variant pre obsah s vizuálnou podporou, obrázkom a dlhším popisom.
Obsahové komponenty
Kartičky a dlaždice sú použiteľné pre články, služby, oznamy aj vstupné body do procesov verejnej správy.
Vertikálna kartička
Samostatná vertikálna karta pre články, kampane alebo tematické bloky s výraznejším vizuálom.
NovinkaDizajn systém
Kartička bez obrázku
Obsahový blok bez obrázka pre stránky, kde sa kladie dôraz na text, meta informácie a odkazy.
UsmernenieFormuláre