List

Списки представляют собой множество компонентов с однородными типами данных в вертикальной плоскости. Элементы списка поддерживают события взаимодействия мыши и жестов.

Base List#

Base

Color#

Цвет компонента меняется через свойство color. Более подробно про цвет в этой статье.

Color

Height#

List содержит в нутри себя компонент Scroll

Height

SecondaryText#

SecondaryText

Avatar#

Avatar

Actions#

ListItemAction это контейнер для размещения node элементов, таких как Button, Icons и д.р.

<ListItem>

    <ListItemAction position='start'>
        <Icon />
    </ListItemAction>

    <ListItemAction position='end'>
        <Icon />
    </ListItemAction>

</ListItem>

Actions

Meta#

Мета информация полезна для показа времени или количества сообщений.

<ListItemText
    meta='12:35'
    secondaryMeta={<Badge ripe count={2} />}
>
    Message
</ListItemText>

API#

Name	Type	Default	Description
children	node		Это контент между открывающим и закрывающим тегом компонента.
classes	object		Объект содержит jss стили компонента.
className	string		Чтобы указать CSS классы, используйте этот атрибут.
color	string	'default'	Название цвета в разных форматах.