Content
Container for carousel slides with smooth transitions.
Name | Type | Default |
---|---|---|
|
| - |
|
| - |
|
| - |
This is the first slide
This is the second slide
This is the third slide
Install the component
templui add carousel
Add the JavaScript to your layout
@carousel.Script()
Call this template in your base layout file (e.g., in the <head> section).
Main carousel container component for interactive slideshows.
Name | Type | Default |
---|---|---|
|
| - |
|
| - |
|
| - |
|
|
|
|
|
|
|
|
|
Container for carousel slides with smooth transitions.
Name | Type | Default |
---|---|---|
|
| - |
|
| - |
|
| - |
Individual carousel slide container.
Name | Type | Default |
---|---|---|
|
| - |
|
| - |
|
| - |
Navigation button to go to the previous slide.
Name | Type | Default |
---|---|---|
|
| - |
|
| - |
|
| - |
Navigation button to go to the next slide.
Name | Type | Default |
---|---|---|
|
| - |
|
| - |
|
| - |
Dot indicators showing current slide position and allowing direct navigation.
Name | Type | Default |
---|---|---|
|
| - |
|
| - |
|
| - |
|
| - |