{# @description daisyUI's list: a vertical list of rows, such as people, files or songs. Fill the default slot with list.row components, one per row. #}
{# @prop class:text | description:"Extra classes added to the list." #}
{# @slot <c-list.row><img class="size-10 rounded-box" src="..." alt="Dio Lupa" /><div>Dio Lupa<div class="text-xs uppercase opacity-60">Remaining Reason</div></div><c-button icon="bi bi-three-dots-vertical" aria-label="More options" class="btn-square btn-ghost" /></c-list.row><c-list.row><img class="size-10 rounded-box" src="..." alt="Ellie Beilish" /><div class="list-col-grow">Ellie Beilish<div class="text-xs uppercase opacity-60">Bears of a Fever</div></div><c-button icon="bi bi-play-fill" aria-label="Play" class="btn-square btn-ghost" /></c-list.row><c-list.row><img class="size-10 rounded-box" src="..." alt="Sabrino Gardener" /><div class="list-col-wrap">Sabrino Gardener, from the album Cappuccino, the third track of side one</div><c-button icon="bi bi-heart" aria-label="Favorite" class="btn-square btn-ghost" /></c-list.row> — Three rows: an image with alt text, a text block, and an icon-only action with an accessible name; the second row's text grows to fill the row, the third row's text wraps onto its own line. #}
<c-vars class="" />
<ul class="list {{ class }}" {{ attrs }}>{{ slot }}</ul>