Slider

Slider — позволяет выбирать значение или диапазон с помощью активной линии слайдера (ползунка). Слайдер может быть дискретным — с точками, или непрерывным — без точек. Чаще всего слайдер используется для настройки значений, например, для показателей яркости, насыщенности, громкости.

Из чего состоит

Лейбл слайдера
Счетчик минимального значения
Счетчик максимального значения
Дорожка слайдера
Точки значений
Значения
Ползунок слайдера
Линия слайдера
Описание
Ошибка

Основные свойства

Тема (Theme)

Состояние (State)

Размер (Size)

Отключаемые элементы

👁 Внешний лейбл (Outside Label)

👁 Счетчик мин. значения (LeftCounter)

👁 Описание под полем (Description)

👁 Ошибка (Error)

👁 Ползунки (Controls)

👁 Цифры (Numbers)

👁 Точки (Dots)

Редактируемые элементы

✏️ Внешний лейбл (Outside Label)

✏️ Счетчик мин. значения (LeftCounter)

✏️ Счетчик значения (Counter)

✏️ Описание под полем (Description)

✏️ Ошибка (Error)

Акцентный цвет (day)

Ползунок и линия слайдера принимает значение акцентного цвета, если он вида (View) Primary. Цвет дорожки слайдера менять нельзя.

Акцентный цвет (night)

Ползунок и линия слайдера принимает значение акцентного цвета, если он вида (View) Primary. Цвет дорожки слайдера менять нельзя.

Overflow content.

Лейбл слайдера не должен нарушать границы счетчика(-ов). Счетчики не должны нарушать границы лейбла.

Ошибка

Сообщение об ошибке появляется, когда нарушается валидация. Текст сообщения устанавливается для каждого нарушения. Одновременно может быть выведено несколько сообщений об ошибке. Каждое новое сообщение начинается с новой строки.

По ширине контейнера

Слайдер можно растягивать в ширину, но нельзя в высоту.

Размещение

Слайдер используется в формах, настройках, калькуляторах, интерактивных инфографиках.

Точки и цифры значений

Слайдер используется в формах, настройках, калькуляторах, интерактивных инфографиках.

Размещение с другими компонентами

Слайдер используется в формах, настройках, калькуляторах, интерактивных инфографиках.