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>.
  • Всегда указывайте label для скринридеров.

  • Используйте семантические названия действий:

    <ScrollArrow direction="left" label="Предыдущий слайд" />

Если label не указан, используется текст по умолчанию в зависимости от значения direction:

  • left: “Прокрутить влево”.
  • right: “Прокрутить вправо”.
  • up: “Прокрутить вверх”.
  • down: “Прокрутить вниз”.
СвойствоОписание
direction"right" | "left" | "up" | "down"

Направление стрелки.

По умолчанию: -
getRootRefRef<HTMLButtonElement>
По умолчанию: -
labelstring

[a11y]: Используется для ассистивных технологий.

По умолчанию: -
offsetYstring | number

Смещает иконку кнопки навигации по вертикали.

По умолчанию: -
size"s" | "m"

Размер стрелки.

По умолчанию: m