Welcome to the StepOne components documentation
StepOne Fundation
StepOne Modules
Carousel
The Carousel is a component which its purpose is to separate either blocks of text, images or card.
Carousel Props
| Name | Use | Type | Definition |
| defaultId | optional | string | Add an custom defaultId instead to render the first element. |
| outlined | optional | boolean | Set to true in order to render arrows and dots outside the box. |
| className | optional | string | Additional or alternative styling. |
| children | optional | any | Allows to pass child elements to the Carousel component |
Examples
Default Carousel
Example of a default Carousel.
Element 0
Outlined Carousel
Outlined Carousel example by adding outlined prop.
Element 0
Carousel with max element
Carousel with max element example.
Element 0