Slider
Typedefs
- props
- Props for [Slider](#Slider)
Page Builder Slider component.
This component is part of the Page Builder / PWA integration. It can be consumed without Page Builder.
**Returns: **
React.Element
— A React component that displays a Slider which contains slides.
Parameters
| Name | Type | Description |
|---|---|---|
| props | props |
React component props |
Props for Slider
Properties
| Name | Type | Description |
|---|---|---|
| classes | Object |
An object containing the class names for the Slider |
| classes.root | String |
CSS class for the slider root element |
| classes.bannerRoot | String |
CSS class for the child banner item |
| classes.bannerLink | String |
CSS class for the child banner item |
| classes.bannerWrapper | String |
CSS class for the child banner item |
| classes.bannerPosterOverlay | String |
CSS class for the child banner item |
| minHeight | String |
CSS minimum height property |
| autoplay | String |
Whether the slider should autoplay |
| autoplaySpeed | String |
The speed at which the autoplay should move the slide on |
| fade | String |
Fade between slides |
| infinite | String |
Whether to infinitely scroll the slider |
| showArrows | String |
Whether to show arrows on the slide for navigation |
| showDots | String |
Whether to show navigation dots at the bottom of the slider |
| textAlign | String |
Alignment of content within the slider |
| border | String |
CSS border property |
| borderColor | String |
CSS border color property |
| borderWidth | String |
CSS border width property |
| borderRadius | String |
CSS border radius property |
| marginTop | String |
CSS margin top property |
| marginRight | String |
CSS margin right property |
| marginBottom | String |
CSS margin bottom property |
| marginLeft | String |
CSS margin left property |
| paddingTop | String |
CSS padding top property |
| paddingRight | String |
CSS padding right property |
| paddingBottom | String |
CSS padding bottom property |
| paddingLeft | String |
CSS padding left property |
| cssClasses | Array |
List of CSS classes to be applied to the component |
Source Code: pwa-studio/packages/pagebuilder/lib/ContentTypes/Slider/slider.js