@wix/design-system
Version:
@wix/design-system
42 lines (39 loc) • 1.5 kB
Markdown
### children
- type: ReactNode
- description: The content that will be 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 is covered with a color gradient (see `gradientColor`)
- default: 'blur'
### edgeWidth
- type: string
- description: Sets the width of the edge treatment (blur or gradient) in pixels, e.g. `'36px'`.
- default: '48px'
### gradientColor
- type: string
- description: Sets the color of the gradient behind the scroll buttons. Applies only when `edgeStyle` is `'color'`.
### 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
### dataHook
- type: string
- description: Applies a data-hook HTML attribute that can be used in the tests.