// 03_LAYOUT_AND_MODALS
HTML5 DETAILS Accordion
Acordeón exclusivo nativo con <details name="..."> accesible y buscable en página.
// VISTA PREVIA
> ACCORDION HTML5 DETAILS
01 ¿Por qué cero border-radius (0px)? REGLA #1
El Neo-Brutalismo puro prescinde de curvas suaves para emular terminales mecánicos industriales.
02 ¿Cómo funciona el instalador CLI? OPEN-CODE
El comando ryukami-ui add inyecta el componente .astro directamente en src/components/.
// INSTALACIÓN
Terminal // Bash BASH
ryukami-ui add accordion
// CÓDIGO DE USO
src/pages/accordion-demo.astro ASTRO
01 ---
02 import Accordion from '@/components/Accordion.astro';
03 ---
04
05 <Accordion
06 name="scorch-faq"
07 items={[
08 { title: '¿Por que cero border-radius (0px)?', badge: 'DESIGN RULE #1', content: 'El Neo-Brutalismo puro elimina las curvas suaves para emular la precision mecanica de terminales CRT y consolas industriales.', open: true },
09 { title: '¿Como funciona la sintesis de sonido Web Audio?', badge: 'ZERO ASSETS', content: 'Los clics mecanicos se generan matematicamente en tiempo real con osciladores triangulares y filtros pasa-banda sin descargar archivos MP3.' },
10 ]}
11 />