Components

The Drawer components include the following:

  • Drawer - The wrapper. Its props control appearance and behavior.
  • DrawerContent - Contains the main content of the Drawer.
  • DrawerSide - Contains the side content and overlay.

Drawer

The Drawer component is the wrapper. It syncs its open state and provides context for DrawerContent and DrawerSide. Use the open prop for manual control, and end to position the drawer at the end (right).

DrawerContent

Contains the main content of the Drawer. Use inside a Drawer wrapper.

DrawerSide

Contains the side content and overlay. Use inside a Drawer wrapper. Clicking the overlay will close the drawer.