Buttons
Varianty
Velikosti
Stavy
Forms
Nápověda pro uživatele
Checkbox & Radio
Switch
Cards
Základní varianty
Basic Card
S headerem
Obsah karty. Lorem ipsum dolor sit amet.
Elevated
Karta se stínem
Interactive
Najetí myší → efekt
Canoe Card (wavy border)
Canoe Card
Vodácký vlnkový pattern na horním okraji
Canoe + Elevated
Kombinace variant
Canoe + Interactive
Hover efekt
Status Cards
Success
Závodník v cíli
Warning
Na trati
Error
DNS/DNF
Info
Čeká na start
Status Cards s Glow efektem
Success Glow
S glow efektem
Warning Glow
S glow efektem
Error Glow
S glow efektem
Info Glow
S glow efektem
Status & Badges
Badges
Success
Warning
Error
Info
Neutral
Status Dots
← Pulsující
Status Dots s Glow efektem
← Glow + Pulse
Connection Status
Connected
Connecting
Disconnected
Alerts
Úspěch
Operace proběhla úspěšně.
Varování
Něco vyžaduje pozornost.
Chyba
Něco se pokazilo.
Info
Informační zpráva.
Tables
| Pořadí | Závodník | Klub | Čas | Status |
|---|---|---|---|---|
| 1 | Jan Novák | USK Praha | 94.32 | Cíl |
| 2 | Petr Svoboda | Dukla Praha | 95.18 | Cíl |
| 3 | Martin Dvořák | Bohemians | 96.44 | Na trati |
| 4 | Tomáš Procházka | Slavia | — | DNS |
Modals
Spustit modal
Velikosti
Toasts / Notifications
Spustit toast
Pozice
Statické ukázky
Uloženo
Varování
Chyba
Informace
S progress barem (auto-dismiss)
Auto-dismiss
Tabs
Základní tabs
Přehled
Obsah prvního tabu. Zde se zobrazuje přehled informací.
S badge/počítadlem
Velikosti
Pills varianta
Full-width tabs
Header
App header s vodáckým šmrncem - barevný bar, gate pole indikátory, LIVE badge. Detailní ukázka →
App Header
Gate Pole Indikátory
Success
Warning
Error
Info
Log
Log viewer komponenta. Detailní ukázka →
info
TCP
warn
XML
error
UDP
debug
Timer
DropZone
Drag & drop zóna pro nahrávání souborů. Detailní ukázka →
Přetáhněte soubor
nebo klikněte pro výběr
Soubor nahrán
data.xml (2.4 KB)
Typography
Heading 1
Heading 2
Heading 3
Heading 4
Základní odstavec textu. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sekundární text pro méně důležité informace.
Utlumený text pro poznámky a hinty.
inline code a odkaz
Monospace font pro čísla: 123.45