Docs

Documentation versions (currently viewingVaadin 24)

Dialogs & Drawers

Learn how to show forms in dialogs and drawers.

In business applications, dialogs are typically used for creating new items, while drawers are more often used for editing existing ones. Drawers are often tied to a selection. Selecting an item typically opens a drawer, closing the drawer then clears the selection.

Tip
Part of a Series
This is part 4 of the Add a Form series. It builds on the concepts introduced in the Fields & Binding, Form Validation and Loading & Saving guides.

By implementing the form as a standalone component, you can reuse it in both dialogs and drawers. The following guides show you how to do that in both Flow and Hilla: