CollapseMultiple

El componente CollapseMultiple es un componente que muestra multiples contenidos colapsados y headers para interactuar con los contenidos.

Ejemplo

Importacion

Para importar el componente CollapseMultiple, se puede hacer desde fenextjs o fenextjs-component

import {
  CollapseMultiple,
  CollapseMultipleProps,
} from "fenextjs/cjs/component/Collapse/Multiple";

import {
  CollapseMultiple,
  CollapseMultipleProps,
} from "fenextjs-component/cjs/Collapse/Multiple";

Parametros

Propiedad	Tipo	Requerido	Descripción
name	string	sí	El nombre para el componente.
type	"radio" \| "checkbox"	sí	Tipo de collapse. Puede ser "radio" o "checkbox".
items	CollapseBaseProps[]	no	Elementos del Collapse.
defaultActive	number \| number[]	no	Estado activo por defecto del Collapse. Puede ser un número o un array de números.

Storybook

Para ver el storybook del componente lo puede hacer con este link (opens in a new tab)

Usos

Uso básico del componente CollapseMultiple

<CollapseMultiple
  name="exampleCollapse"
  type="checkbox"
  items={[
    { disabled: false, defaultActive: true, header: "Item 1" },
    { disabled: true, defaultActive: false, header: "Item 2" },
    // Agrega más elementos según sea necesario
  ]}
>
  Contenido del CollapseMultiple
</CollapseMultiple>

Collapse Simple