Slider
Typedefs
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 | 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 |
mediaQueries | Array | List of media query rules to be applied to the component |
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