List
Компонент списка
Компонент представляет собой список состоящий из ListItem.
ListItem представляет собой простой компонент с текстом, левым и правым слотами.
Типы ListItem
Примеры
Базовое использование
Управление внешним видом
Внешний вид списка зависит от свойств appearance, size, variant, hasBackground, hasItemBackground.
Разделители между элементами можно включить свойством hasDivider.
- appearance
- size
- variant
- hasBackground
- hasItemBackground
Свойство appearance переключает вид списка: default — обычный список, numbered — нумерованный.
В numbered меняются только отступы и типографика.
Номер можно передать в contentLeft компонентом Counter.
Для нумерованного списка дизайном не предусмотрены variant, hasBackground, hasItemBackground и hasDivider.
Размер списка задается свойством size (s, m).
Свойство variant задает плотность списка: normal — обычная, tight — уменьшенные вертикальные отступы у элементов.
Свойство hasBackground добавляет фон контейнеру списка и визуально объединяет элементы в одну группу.
Свойство hasDivider добавляет разделители между элементами.
Свойство hasItemBackground добавляет фон каждому элементу списка.