Skip to content
search icon
clear
Component Status

Navigation drawer

Figma

How to add

  1. Locate the Assets tab in the Layers Panel.
  2. There are two ways to locate the Listing/Desktop component needed:
    • Use the search bar to search for a component grouping name or variation name.
    • Scroll through the folders list and open the grouping needed.
  3. Once the component is located, click and drag it into the frame/artboard.

How to use

  1. Place the Listing/Desktop on your artboard, just under the Top bar.
  2. Locate the Design tab in the Inspector Panel.
  3. Under the Alignment section, set the alignment to Align Left.
  4. Under the Constraints section, set up the following constraints:
    • Left, Top and Fix position when scrolling.
  5. Drag the component to the height of your frame/artboard. As you drag, more items will appear.
  6. Rename the labels to your needs.
  7. Toggle on/off the icons as needed.
  8. Make sure to change the active page to the Active state.
Edit this page on GitHub