### children
- type: ReactNode
- description: The content rendered inside the scrollable window.
### scrollDistance
- type: number
- description: The number of pixels the scrollable content moves per button press.
- default: 150
### scrollDebounce
- type: number
- description: The debounce time (in milliseconds) to limit the scroll event rate.
- default: 20
### edgeStyle
- type: "color" | "blur"
- description: Controls the visual treatment of the scroll edges:
- `blur` — content near the edge is progressively blurred
- `color` — content near the edge fades out into the background
- default: 'color'
### edgeWidth
- type: string
- description: Sets the width of the edge treatment (blur or fade) in pixels, e.g. `'36px'`.
- default: '48px'
### gradientColor
- type: string
- description: Has no effect: the scroll edges fade into the background regardless of its color.
- deprecated
### gradientWidth
- type: string
- description: The width of the gradient behind the scroll buttons in pixels, e.g. '36px'
- deprecated
### scrollButtonSkin
- type: "standard" | "light" | "inverted" | "destructive" | "premium" | "dark" | "transparent" | "ai"
- description: Skin of the scroll buttons.
- default: standard
### scrollButtonSize
- type: "small" | "tiny" | "medium" | "large"
- description: Size of the scroll buttons.
- default: tiny
### scrollButtonVariant
- type: "primary" | "secondary" | "tertiary"
- description: Visual prominence of the scroll buttons, passed to the `priority` of the underlying IconButton.
- default: secondary
### onScrollButtonClick
- type: (direction: HorizontalScrollDirection) => void
- description: Defines a callback function which is called when one of the scroll buttons is clicked, with the direction the content scrolls in.
### dataHook
- type: string
- description: Applies a data-hook HTML attribute that can be used in the tests.