Drawer component renders a huge side area where BaseActionComponent renders all actions where Action.showInDrawer is set to true.

You probably don't want to use it directly in your actions, but if you decide to set showInDrawer to true you will probably want to use DrawerContent or DrawerFooter components.

All these components: Drawer, DrawerContent and Drawer Footer extends SpaceProps.

Usage

import { Drawer, DrawerProps, DrawerContent, DrawerFooter } from '@adminjs/design-system'

See:

DrawerProps
Storybook

View Source adminjs-design-system/src/molecules/drawer/drawer.tsx, line 77

Example

Type Definitions

Type: object

# DrawerProps

Props for Drawer component. Apart from those described below it also extends all

SpaceProps.

Properties:

Name	Type	Attributes	Description
`isHidden`	`boolean`	<optional>	Indicates if drawer should be hidden
`variant`	`'filter'`	<optional>	Drawer variant

View Source adminjs-design-system/src/molecules/drawer/drawer.tsx, line 117