Type Alias DrawerProps

DrawerProps: DialogProps & {
size?: string | number;
variant?: keyof typeof styles.drawerVariants;
}

Props for the Drawer component.

Type Declaration

Optionalsize?: string | number
The size of the drawer.
Remarks
- For inlineStart and inlineEnd variants, this sets the width.
- For blockStart and blockEnd variants, this sets the height.
Expects a CSS length value (e.g., "300px", "50%").
Default Value
"250px" (defined in CSS)
Optionalvariant?: keyof typeof styles.drawerVariants
The orientation and placement of the drawer.
Remarks
Uses logical placement names to adapt to different writing modes:
- inlineStart: The start edge of the inline axis (e.g., Left in LTR).
- inlineEnd: The end edge of the inline axis (e.g., Right in LTR).
- blockStart: The start edge of the block axis (e.g., Top in horizontal).
- blockEnd: The end edge of the block axis (e.g., Bottom in horizontal).
Default Value
"inlineStart"

Remarks

Extends DialogProps and adds drawer-specific configuration for orientation and sizing.