{# @description daisyUI's carousel: a scrollable, snapping row or column of slides. With no controls of its own it is a focusable, named region, so keyboard users can tab to it and scroll it with the arrow keys, and screen readers announce it as a carousel of slides. Fill the default slot with carousel.item components. See the mockup.browser entry for a named carousel with previous/next and indicator controls. #}
{# @prop snap:select['start','center','end'] | description:"Where the slides snap to." #}
{# @prop horizontal:select['sm','md','lg','xl','2xl'] | description:"Scroll horizontally. The bare attribute applies it at every width, which this select cannot set." #}
{# @prop vertical:select['sm','md','lg','xl','2xl'] | description:"Scroll vertically. The bare attribute applies it at every width, which this select cannot set." #}
{# @prop aria-label:text | description:"Accessible name of the carousel. No default: the component cannot invent one, so give it one or the region is unnamed." #}
{# @prop class:text | description:"Extra classes added to the carousel." #}
{# @slot 
— Four full-width slides with daisyUI's previous/next pattern: each slide's controls are c-button href links to a neighbouring slide's id, drawn over the image. #}
{% comment %}
Previous/next and indicator links to a slide's id sit beside the carousel,
not in it, and following one also scrolls the page to the carousel. The
gallery's inline preview cannot follow them; use this entry's raw view.
{% endcomment %}
{% load i18n daisy_cotton %}
{{ slot }}