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 |