LifeUI
1.53.2Collapsible
Se utiliza para expandir y contraer contenido adicional
Este es el contenido que se muestra/oculta.
Ejemplos
Detalles de pedido colapsable
Producto:Macbook Pro
Precio:$1,299
Envío:Gratis
Tablero de tareas
Analisis SEO
Research
Seo
AT
FA
Diseñar landing page
UI
Maquetacion
AT
FA
Corregir issues Erp
Issue
Erp
Fix
AT
FA
Props
Collapsible
| Prop | Tipo | Requerido | Descripción |
|---|---|---|---|
defaultExpanded | boolean | - | Estado 'expandido' al renderizarse inicialmente. Úsalo cuando no necesites controlar el estado. |
expanded | boolean | - | El estado controlado del colapsable. Debe usarse junto con onExpandedChange. |
onExpandedChange | (expanded: boolean) => void | - | Manejador de evento que se llama cuando cambia el estado expanded. |
...rest | ComponentProps<"div"> | - | Todas las props del elemento HTML div |
CollapsibleTrigger
| Prop | Tipo | Requerido | Descripción |
|---|---|---|---|
asChild | boolean | - | Reemplaza el elemento predeterminado con el hijo proporcionado, fusionando sus props y comportamiento. |
...rest | ComponentProps<"button"> | - | Todas las props del elemento HTML button |