Components

Drawer

<Drawer />

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 '@admin-bro/design-system'

See:

View Source admin-bro-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 admin-bro-design-system/src/molecules/drawer/drawer.tsx, line 117

Proudly built and maintained by SoftwareBrothers

Software House with a passion for both JavaScript and TypeScript.

See what we do See what we believe in

Proudly built and maintained by