⌘K

How to create drawer?

Last updated

Drawers provide a flexible way to display additional content, menus, or actions within your application. Follow the steps below to create and customize a drawer.

Step 1: Create a new drawer

Open the Drawers section and click the + (Plus) icon in the floating drawer list to create a new drawer.

Step 2: Add components to the drawer

Once the drawer is created, use the drag-and-drop editor to add components to the drawer.

  • Select components from the component library.
  • Drag and drop them into the drawer layout.

Step 3: Customize component styles

From the right-side component properties panel, the user can customize the component style exactly as he wants.

    Step 4: Customize drawer design

    You can also customize the drawer itself using the properties in the right sidebar.

    Adjust the drawer’s design settings to match your application’s branding and user experience requirements.

    Still stuck? How can we help? Get Help