componente · @solu30/ui-kit/animation

TransitionPanel

El componente, montado

Cargando el componente del paquete instalado…

Cargando el chunk del paquete instalado…

De dónde se importa

import { TransitionPanel } from '@solu30/ui-kit/animation'

Props

4 props declaradas en los tipos de la versión instalada.
Prop	Requerida	Tipo	Qué hace
children	sí	`ReactNode[]`	Las vistas, en orden. Sólo se renderiza la de `activeIndex`.
activeIndex	sí	`number`	Índice de la vista visible.
variants	opcional	`PanelVariants`	Pisa los variants derivados de la dirección.
transition	opcional	`Transition`	—

Ejemplo del paquete

<TransitionPanel activeIndex={step} role="tabpanel">
<DatosDelEvento />
<Servicios />
<Confirmacion />
</TransitionPanel>

Del @example del JSDoc de @solu30/ui-kit, sin editar. Cuatro de los 69 ejemplos del paquete traen pegada la firma cruda del .d.ts —el mismo defecto del extractor que se come las descripciones—, y por eso la caja tiene tope de alto: el ejemplo de verdad suele estar al final.