Loading...

Verze 19.0.1

© AIS Servis, s.r.o. | Vienna Insurance Group

© 2026 VIGo. All rights reserved.

Prohlášení o přístupnosti Zpracování osobních údajů Zásady cookies

Preview téma:

Button
Button Group
Dropdown
Toggle Button
System Button
Segment Control

Autocomplete
Date Picker
Checkbox
Checkbox Set
Input
Masked Input
Multi Select
Number Input
Password
Phone Input
Plain Text
Radio Button/Set
Rich Editor
Search
Select
Slider
Switch
Textarea

Calendar
Chart
Horizontal List
Pagination
Table
Tree
Tree Table

Content Message
Message Box
Toast
Error Message

Avatar
Avatar Menu
Float Button
Chat
Chat Dialog
Chat Message
Chat Text Area

Reportování chyb
Confirm Dialog
Modal
Side Sheet

Action Bar
Breadcrumbs
Menu
Steps
Tabs

Accordion Panel
Panel
Sidebar
Tile
Container

Tooltip
Popover
Quick Actions
Onboarding

File Download
File Upload

Chip
Divider
Dock
Flag
Literal
Link
Notification Badge
Skeleton
Sorting
Spinner
Steps Circle
Tag
Progressbar

Bug Tracker Active

Sidebar

Otevřít ve Figmě

Sidebar je trvalý postranní panel, který poskytuje doplňující funkce. Je volán akcí s Docku.

WCAG 2.2Klávesnice

No TOC available

Ukázka Sidebar – Sidebar Ovr

Záhlaví panelu, které obsahuje ikonu, nadpis, popis a ikonu pro zavření panelu
Obsah panelu
Dock ikona, která vyvolává panel
Action zóna

Použité komponenty

Button Notification Badge Skeleton System Button Tag Tooltip

Použití

Kdy používáme

Když uživatel potřebuje stále dostupný obsah, ke kterému se opakovaně vrací v rámci jedné akce.

Kdy nepoužíváme

Když je třeba zobrazit kontextový detail k jedné položce bez opuštění hlavního obsahu - lepší je Side Sheet.
Když je třeba vyvolat další nastavení nebo akci - lepší je Modal nebo Side Sheet.

Varianty

Základní varianta

Custom content varianta

Plain varianta

Resposivita

Sidebar se automaticky zarovnává na plnou šířku v breakpointu md