Accordion

Acordeón basado en <details> nativo. Con schema emite FAQPage schema.org para SEO 2026.

FAQ con schema

¿Qué es DIL UI?
Un sistema de componentes Astro tokenizado para MYPEs y proyectos top 1%. Cero JS por defecto, accesible WCAG 2.2.
¿Funciona con cualquier framework?
Hoy solo Astro 5+ y 6+. Los tokens (@diegoiprg/dil-tokens) son CSS variables y funcionan en cualquier proyecto web.
¿Soporta dark mode?
Sí, desde tokens@2.0.0. Overlay [data-theme="dark"] + prefers-color-scheme: dark. Sin librerías externas.
<Accordion
  schema={true}
  items={[
    { id: "que", question: "¿Qué es DIL UI?", answer: "Un sistema de…" },
    { id: "compatible", question: "¿Funciona con cualquier framework?", answer: "Hoy solo Astro 5+…" },
  ]}
/>