Blife UI

Posicion del Drawer

Utiliza la propiedad placement para controlar desde qué lado de la pantalla aparece el drawer.

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

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

La versión legacy sigue funcionando como siempre, sin necesidad de actualizar tu implementación actual.

Prop	Tipo	Requerido	Descripción
`defaultOpen`	`boolean`	-	Estado `open` al renderizarse inicialmente. Úsalo cuando no necesites controlar el estado.
`open`	`boolean`	-	El estado controlado del drawer. Debe usarse junto con `onOpenChange`.
`onOpenChange`	`(open: boolean) => void`	-	Manejador de evento que se llama cuando cambia el estado `open`.
`placement`	`'right' \| 'bottom' \| 'left'`	-	La posición del drawer en la pantalla.
`size`	`'small' \| 'medium' \| 'large'`	-	El ancho del drawer. Solo aplica cuando `placement` es 'right'.
`classNames`	`{ overlay?: string; content?: string; heading?: string; body?: string; footer?: string; buttonClose?: string; }`	-	Clases CSS personalizadas para diferentes partes del drawer.
`children`	`ReactNode`	-	Contenido del drawer. Puede incluir componentes como `DrawerContent`, `DrawerHeading`, etc.

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

Prop	Tipo	Requerido	Descripción
`className`	`string`	-	Clase CSS adicional para el contenedor del contenido.
`children`	`ReactNode`	-	Contenido principal del drawer.

Prop	Tipo	Requerido	Descripción
`className`	`string`	-	Clase CSS adicional para el cuerpo del drawer.
`children`	`ReactNode`	-	Contenido del cuerpo del drawer.

Prop	Tipo	Requerido	Descripción
`className`	`string`	-	Clase CSS adicional para el pie del drawer.
`children`	`ReactNode`	-	Contenido del pie del drawer, generalmente botones de acción.