Skip to main content

Drawer

Base​

Sizes​

Small​

To use a smaller size, use the size property and pass the Drawer.sizes.sm parameter.

Medium (default)​

Default size, so there is no need to use the size property.

Large​

To use a larger size, use the size property and pass the Drawer.sizes.lg parameter.

Custom content​

The Drawer content can be customized, applying other components, as needed.

Multiple Drawers​

It is possible to add multiple drawers to carry out a flow.

Without overlay​

To remove the overlay, set the scrim property to false.

danger

When performing this setting, the Drawer can only be closed when the close button is clicked, located at the top of the Drawer, or if there is a button inside the Drawer with this function.

No actions in footer​

When the Drawer is only used to bring more information, it is not necessary to add the action buttons in the footer.

With Form​

It is possible to create forms inside a Drawer, by using the component Form.

Feedback​