ScrollArrow
Компонент стрелки для навигации в компонентах горизонтальных прокруток и галереях.
Используется внутри HorizontalScroll
и Gallery
.
Загружается...
Обязательные свойства
Направление стрелки
Задается свойством direction
.
<ScrollArrow direction="up" />
<ScrollArrow direction="right" />
<ScrollArrow direction="down" />
<ScrollArrow direction="left" />
Вертикальное смещение
Задается свойством offsetY
, принимает числовое и строковое значение:
<ScrollArrow direction="up" offsetY="-5px" label="Скролл к началу" />
Пользовательские иконки
Кастомную иконку можно прокинуть в свойство children
компонента:
Загружается...
Особенности
- Автоматическая поддержка
RTL
. - Поддерживаются все свойства HTML-элемента
<button>
.
Доступность (a11y)
Обязательные параметры
-
Всегда указывайте
label
для скринридеров. -
Используйте семантические названия действий:
<ScrollArrow direction="left" label="Предыдущий слайд" />
Автоматические метки
Если label
не указан, используется текст по умолчанию в зависимости от значения direction
:
left
: “Прокрутить влево”.right
: “Прокрутить вправо”.up
: “Прокрутить вверх”.down
: “Прокрутить вниз”.
Свойства и методы
Свойство | Описание |
---|---|
direction | "right" | "left" | "up" | "down" Направление стрелки. По умолчанию: - |
getRootRef | Ref<HTMLButtonElement> По умолчанию: - |
label | string [a11y]: Используется для ассистивных технологий. По умолчанию: - |
offsetY | string | number Смещает иконку кнопки навигации по вертикали. По умолчанию: - |
size | "s" | "m" Размер стрелки. По умолчанию: m |