Accordion
Secciones plegables sobre el Disclosure de React Aria: el boton anuncia si esta abierto, el panel se asocia por aria-controls y el contenido cerrado sale del orden de tabulacion. Modo exclusivo o multiple.
npx orbitui-cli add accordionEl paquete de npm son 11 kB: solo el ejecutable. Los componentes viajan por HTTP desde el registry y se escriben como código fuente editable dentro de tu repositorio.
Este permite abrir varios a la vez. Sin allowsMultipleExpanded, abrir uno cierra el anterior.
Props
| Prop | Tipo | Descripción |
|---|---|---|
children* | ReactNode | — |
variant | "bordered" | "flush" | `bordered` encierra todo en una caja; `flush` solo separa con lineas. |
className | string | — |
title* | string | — |
hint | string | Texto secundario en la fila del encabezado. |
icon | ReactNode | — |
children* | ReactNode | — |
className | string | — |
Qué instala
- Archivo
components/orbit/ui/accordion.tsx- Componentes
- cx
- Paquetes npm
react-aria-components@^1.5.0
A partir de la instalación el archivo es tuyo: editalo sin miedo. Si volvés a correr add y lo modificaste, el CLI pregunta antes de pisarlo.