Компоненты · Запись

Капсула записиDock

Капсула состояния записи поверх контента

npx shadcn@latest add @umbra/dock

Главное действие продукта, которое длится: запись. Состояния приходят из настоящего источника: таймер и уровни сигнала передаёт приложение, компонент их не выдумывает. Белые знаки --record-foreground на красном --record (Lc 77). В покое иконка 32

Когда брать

  • Запись в ShadeNotes; другое одно длительное действие продукта
  • Положение задаёт продукт: обычно absolute inset-x-0 bottom-6 внутри окна, и у Page проп dock

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

  • Обычное действие на странице: Button
  • Сообщение рядом с доком: NoticeCard

Встречи

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

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

Нельзя

  • Фальшивые полосы и таймер не из записи
  • Второй живой элемент рядом: на экране одно живое существо
  • Кнопка «Остановить» цветом destructive: это красный записи