Blife UI

Tamaños

Controla el ancho del modal utilizando la propiedad size. Los tamaños están optimizados para diferentes tipos de contenido y casos de uso.

El componente ModalHeader proporciona una estructura consistente para el encabezado del modal, incluyendo título, descripción e icono.

Prop	Tipo	Requerido	Descripción
`open`	`boolean`	-	Si el modal está abierto.
`onOpenChange`	`(open: boolean) => void`	-	Callback cuando cambia el estado abierto/cerrado.
`defaultOpen`	`boolean`	-	Estado inicial del modal.
`size`	`'small' \| 'medium' \| 'large'`	-	Tamaño del modal.
`onInteractOutside`	`(ev: MouseEvent \| TouchEvent) => void`	-	Manejador de evento que se llama cuando se produce un evento de click fuera del contenido del modal.
`className`	`string`	-	Clases CSS adicionales para el contenedor del modal.
`children`	`ReactNode`	-	Contenido del modal.

Prop	Tipo	Requerido	Descripción
`title`	`ReactNode`	-	Título principal del encabezado del modal.
`description`	`ReactNode`	-	Descripción opcional que aparece debajo del título.
`icon`	`ReactNode`	-	Icono opcional que se muestra junto al título.
`className`	`string`	-	Clases CSS adicionales para el contenedor del encabezado.
`children`	`ReactNode`	-	Contenido adicional del encabezado.

Prop	Tipo	Requerido	Descripción
`className`	`string`	-	Clases CSS adicionales para el contenedor del cuerpo.
`children`	`ReactNode`	-	Contenido del cuerpo del modal.

Prop	Tipo	Requerido	Descripción
`className`	`string`	-	Clases CSS adicionales para el contenedor del pie.
`children`	`ReactNode`	-	Contenido del pie del modal.