Edit in GitHubLog an issue

Slider

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

NameTypeDescription
props
React component props

Props for Slider

Properties

NameTypeDescription
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

  • Privacy
  • Terms of Use
  • Do not sell or share my personal information
  • AdChoices
Copyright © 2024 Adobe. All rights reserved.