{% set carousel_items = [ {'#markup': '<img src="https://placehold.co/600x400?text=Slide+1" alt="Slide 1">' }, {'#markup': '<img src="https://placehold.co/600x400?text=Slide+2" alt="Slide 2">' }, {'#markup': '<img src="https://placehold.co/600x400?text=Slide+3" alt="Slide 3">' } ] %}

{% stories carousel with { title: 'Components/Carousel' } %}

 {% story default with { 
  name: 'Default Carousel',
   args: { field_carousel_items: carousel_items } } %}
   
     {% embed 'tailpine:carousel' with { field_carousel_items: field_carousel_items } %}{% endembed %} 
     {% endstory %}
      {% endstories %}