Carousel Item
<wa-carousel-item>
A carousel item represent a slide within a carousel.
This component must be used as a child of <wa-carousel>. Please see the Carousel docs to see examples of this component in action.
Slots Jump to heading
Learn more about using slots.
| Name | Description |
|---|---|
| (default) | The carousel item's content.. |
CSS custom properties Jump to heading
Learn more about CSS custom properties.
| Name | Description |
|---|---|
--aspect-ratio |
The slide's aspect ratio. Inherited from the carousel by default.
|
Importing Jump to heading
The autoloader is the recommended way to import components. If you prefer to do it manually, use one of the following code snippets.
To manually import this component from the CDN, use the following code.
import 'https://early.webawesome.com/[email protected]/dist/components/carousel-item/carousel-item.js';
To manually import this component from NPM, use the following code.
import '@awesome.me/webawesome/dist/components/carousel-item/carousel-item.js';
To manually import this component from React, use the following code.
import '@awesome.me/webawesome/dist/react/carousel-item';
Need a hand?