🚧Scrollbar

Общая информация

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

Описание работы

Вертикальный скролл

Скролл появляется при наведении на область, в котрой он находится (например, виджет, оверлей меню и т.д.)

Горизонтальный скролл

Горизонатальный скролл используется в случае, когда контентная часть выходит за ширину виджета, таблицы или иной сущности.

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

Размеры

Внешние размеры

Ширина скрола 8рх. Высота скрола зивисит от контента и расчитывается разработчиками. Чем больше контента, тем короче скролл.

Элемент	Значение
Скролл	Weight: 8px Radius: 4px

Внутренние размеры

Охраная область скрола по краям 4рх:

Цвета

Скролл: #BFC6D7 — G4