01 type="single"

Solo un ítem puede estar abierto a la vez.

value: {singleValue ?? '—'}

¿Es accesible? ▾ Sí. Sigue el patrón de diseño WAI-ARIA para acordeones, con roles y atributos ARIA correctos. ¿Tiene estilos propios? ▾ No incluye estilos por defecto. Está pensado para que tú definas el diseño completo desde el exterior. ¿Está animado? ▾ El content expone data-state="open|closed" y --bits-accordion-content-height para animar con CSS sin JavaScript adicional.

02 type="multiple"

Varios ítems pueden estar abiertos simultáneamente.

value: 0}> {multipleValue.length ? multipleValue.join(', ') : '—'}

{#each ['Alpha', 'Beta', 'Gamma', 'Delta'] as name, i} {name} ▾ Contenido de {name}. Abre otros ítems y este permanecerá visible. {/each}

03 Root deshabilitado

Con disabled en el Root, todos los triggers quedan inactivos.

No se puede abrir ▾ Este contenido no debería ser visible. Tampoco este ▾ Bloqueado a nivel de raíz.

04 Ítem individual deshabilitado

disabled en un Item concreto, los demás siguen activos.

Ítem activo ▾ Este ítem funciona con normalidad. Ítem deshabilitado ▾ No debería ser accesible. Ítem activo ▾ Este ítem también funciona con normalidad.