Components

Drawer

<Drawer />

Constructor

# <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

View Source admin-bro/src/frontend/components/design-system/molecules/drawer/drawer.tsx, line 67

Example

Type Definitions

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/src/frontend/components/design-system/molecules/drawer/drawer.tsx, line 105