Typedefs

[props]

Props for 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

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