CardSlider
A carousel with controls and options for cards.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Samantha Lee
Designer
Props:
children
Description: An array of elements to display. An array of card element is recommended. Type: ReactElement[]. Required.
autoPlay
Description: Actives autoplay if true. Type: Boolean.
slidesToShow
Description: Number of elements to show. Type: Number. Required.
slidesToScroll
Description: Number of elements to scroll. Type: Number. Required.
infiniteLoop
Description: Actives infinite loop if true. Type: Boolean.
showArrows
Description: Display arrows if true. Type: Boolean.
transitionSpeed
Description: Transition speed value in milliseconds. Type: Number. Default: 400.
showIndicators
Description: Display dots indicator if true. Type: Boolean.
interval
Description: The number in milliseconds to wait for leap for next image. Default: 2400.
sliderContainerClassName
Description: SliderCard container className. Type: String
sliderContainerStyle
Description: SliderCard container style. Type: CSS Properties
<CardSliderComponent infiniteLoop autoPlay showStatus={false} showIndicators={false} > {profiles.map(profile => ( <TestimonialCard key={profile.name} personName={profile.name} personPhotoUrl={profile.url} testimonial={profile.testimonial} personRole={profile.role} ratings={profile.ratings} /> ))} </CardSliderComponent >