Button
Button Group
Dropdown
Toggle Button
System Button

Autocomplete
Date Picker
Checkbox
Checkbox Set
Input
Masked Input
Multi Select
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

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
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

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

© 2026 VIGo. All rights reserved.

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í

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

Live preview

Zvolit téma:

Custom content varianta

Live preview

Zvolit téma:

Plain varianta

Live preview

Zvolit téma:

Resposivita

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

Live preview

Zvolit téma:

Sidebar | VIGo Design System