FooterScrollRow

A horizontally scrolling row of controls, with arrows at each edge that show only while there is something that way.

@internote/canvas-sdk/reactComponent
On this page
import { FooterScrollRow } from '@internote/canvas-sdk/react';

The arrows sit over each edge rather than beside the row, so a row that fits reads as a plain row and a row that does not keeps its full width. The class that shows them is written straight to the DOM, because a browser holds React's re-renders back during a scroll gesture.

#Props

Also takes className. Any other prop is passed to the rendered element.

ariaLabel
The scrolling region's accessible name.
string
children
The controls in the row.
ReactNode
nextLabel
The right arrow's accessible name.
string
Default'Next'
previousLabel
The left arrow's accessible name.
string
Default'Previous'
scrollStep
How many items one arrow press advances by; a row whose first item is wider than half the view moves most of a view instead.
number
Default3

Declared in packages/canvas-sdk/src/react/footer-actions.tsx:109.

Last updated