Collapse
Use Collapse para almacenar contenidos.
Uso básico
Puede expandir múltiples paneles
Acordeón
En modo acordeón solo un panel puede ser expandido a la vez
Título personalizado
Además de usar el atributo title
, se puede personalizar el título del panel con slots con nombre, esto hace posible agregar contenido personalizado, por ejemplo: iconos.
Collapse API
Collapse Attributes
Nombre | Descripción | Tipo | Default |
---|---|---|---|
model-value / v-model | currently active panel, the type is string in accordion mode, otherwise it is array | string / array | [] |
accordion | si desea activar el modo de acordeón | boolean | false |
Collapse Events
Nombre | Descripción | Type |
---|---|---|
change | triggers when active panels change, the parameter type is string in accordion mode, otherwise it is array | Function |
Collapse Slots
Nombre | Descripción | Subtags |
---|---|---|
default | personaliza el contenido por defecto | Collapse Item |
Collapse Item API
Collapse Item Attributes
Nombre | Descripción | Tipo | Default |
---|---|---|---|
name | identificador único del panel | string / number | — |
title | título del panel | string | '' |
disabled | deshabilita el collapse ítem | boolean | false |
Collapse Item Slot
Nombre | Descripción |
---|---|
default | contenido del Collapse Ítem |
title | contenido del Collapse Ítem |