<.dm_carousel
  id="carousel-single-horizontal"
  label="Project highlights"
  class="w-full max-w-lg"
>
  <:item label="Planning" class="w-72 p-8 bg-primary-container rounded-lg">Plan the next milestone</:item>
  <:item label="Building" class="w-72 p-8 bg-secondary-container rounded-lg">Build with native components</:item>
  <:item label="Shipping" class="w-72 p-8 bg-tertiary-container rounded-lg">Ship a tested release</:item>
</.dm_carousel>

<.dm_carousel
  id="carousel-single-vertical"
  label="Release steps"
  class="h-48 w-72"
  orientation="vertical"
>
  <:item class="h-40 p-8 bg-primary-container">Review</:item>
  <:item class="h-40 p-8 bg-secondary-container">Publish</:item>
</.dm_carousel>