Компоненты · Элементы

Строка спискаListRow

Строка без своей карточки: миниатюра, заголовок, мета

npx shadcn@latest add @umbra/list-row

Строка без своей карточки: у каждой строки нет фона, пока на неё не навели или её не выбрали. Тогда тон --nested с радиусом вложенного. List раскладывает строки в одну колонку и в две от 1100 px

Отступы по правилу «внутреннее меньше внешнего» (DESIGN.md, правило 13): миниатюра и текст 8, от края строки 12. До aid-design PR 8 было 16 и 8: содержимое стояло дальше друг от друга, чем от края. Строка стала выше на 8 px (72 вместо 64)

Когда брать

  • Список встреч, записей, кейсов
  • Строка-ссылка: asChild и <Link> внутри

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

  • Одиночный смысловой блок: Tile
  • Карточка в карточке: строки списка не оборачиваются в Tile variant="nested"
  • Пункты выбора: Select

Встречи

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

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

Можно

  • Мета коротко: дата, длительность, статус
  • В миниатюре настоящий статус записи (иконка, Spinner, Skeleton)

Нельзя

  • Разделительные линии между строками: воздух вместо линий
  • Заголовок в две строки: обрезается многоточием