Компоненты · Каркас

СайдбарSidebar

Узкая колонка навигации приложения

npx shadcn@latest add @umbra/sidebar

Sidebar (плитка 72 px) и SidebarItem (круглая кнопка 48 с иконкой 24). Подпись пункта уходит в aria-label и подсказку title. На macOS над сайдбаром стоит WindowBar

Когда брать

  • Разделы приложения: «Встречи», «Итоги», внизу «Настройки», «Приватность», тема

Когда не брать

  • Сайт: сетка сайта с сайдбаром 320 и лентой
  • Действие на странице: Button

Встречи

7 записей за неделю

Планёрка командыВТ, 10:00 · 32 мин
Интервью с дизайнеромПН, 16:30 · 48 мин
Созвон с подрядчикомПТ, 12:00 · 21 мин
Разбор макетовЧТ, 11:00 · 54 мин
Ретро спринтаСР, 17:00 · 40 мин
Встреча с юристомСР, 12:30 · 25 мин
Обзор метрикВТ, 15:00 · 36 мин

Нельзя

  • Подписи текстом под иконками и бейджи цветом
  • Выбранный пункт цветом акцента: только --nav-active