2025
2025
—
—
2026
2026
Дизайн-система Beeline
Дизайн-система Beeline
Разделитель
Разделитель
Элемент, который используется для визуального отделения контента друг от друга вертикально или горизонтально.
Элемент, который используется для визуального отделения контента друг от друга вертикально или горизонтально.
Толщина
Толщина
Предусмотрено 2 вида по толщине:
1. regular — толщиной в 1 px;
2. strong — толщиной в 2 px.
Предусмотрено 2 вида по толщине:
1. regular — толщиной в 1 px;
2. strong — толщиной в 2 px.
Strong рекомендуется использовать в случаях, когда нужно показать более выраженное и четкое разделение. Для остальных большинства случаев подходит толщина regular.
Strong рекомендуется использовать в случаях, когда нужно показать более выраженное и четкое разделение. Для остальных большинства случаев подходит толщина regular.
regular
strong
horizontal
vertical
Направление
Направление
Направление задается по 2 сторонам:
1. горизонтально;
2. вертикально.
Направление задается по 2 сторонам:
1. горизонтально;
2. вертикально.
Направление задается по 2 сторонам:
1. горизонтально;
2. вертикально.
По умолчанию контент чаще отделяется горизонтальными разделителями по вертикали (т. е. сверху вниз). Бывают случаи, когда контент нужно разделить по горизонтали, для этого следует использовать вертикальные разделители.
По умолчанию контент чаще отделяется горизонтальными разделителями по вертикали (т. е. сверху вниз). Бывают случаи, когда контент нужно разделить по горизонтали, для этого следует использовать вертикальные разделители.
По умолчанию контент чаще отделяется горизонтальными разделителями по вертикали (т. е. сверху вниз). Бывают случаи, когда контент нужно разделить по горизонтали, для этого следует использовать вертикальные разделители.
Цвет
Цвет
В дизайн-системе заложены 2 серых оттенка для обводок, соответственно этот же принцип я применил к разделителям:
1. default — обычный серый;
2. soft — светло-серый
В дизайн-системе заложены 2 серых оттенка для обводок, соответственно этот же принцип я применил к разделителям:
1. default — обычный серый;
2. soft — светло-серый
soft
default
8
0
12
16
20
24
Размеры отступов
Размеры отступов
Все разделители снабжены предустановленными заранее отступами, которые можно встретить чаще всего: 8, 12, 16, 20, 24. Также можно выбрать вариант без отступа, чтобы задать свой кастомный, которого нет в линейке представленных.
Все разделители снабжены предустановленными заранее отступами, которые можно встретить чаще всего: 8, 12, 16, 20, 24. Также можно выбрать вариант без отступа, чтобы задать свой кастомный, которого нет в линейке представленных.
Все разделители снабжены предустановленными заранее отступами, которые можно встретить чаще всего: 8, 12, 16, 20, 24. Также можно выбрать вариант без отступа, чтобы задать свой кастомный, которого нет в линейке представленных.
Рекомендации по использованию
Рекомендации по использованию
Аналитика пользования
Аналитика пользования
0
0
детачей с начала запуска компонента
детачей с начала запуска компонента
8.1k
8.1k
копий (инстансов) использовано
копий (инстансов) использовано
126
126
файлов с этим компонентом
файлов с этим компонентом
