interactive Multilevel dropdown in figma | nested dropdown component in figma
interactive Multilevel / nested dropdown component figma community file link - https://www.figma.com/community/file/1478389992991100218/multilevel-dropdown This component is fully functional and interactive. Designed with below features and functionalities. Auto Layout Component Properties Local variable Variable Mode Interactions In the given example there are three level of dropdown, which are nested in linear form. "Level -1" Category in type-1, Main Menu in type-2 and Appliances in type-3. "Level-2" List-3 and List-4 in type-1 Product, Purchases and People in type-2 Television, Washing Machine, Air Conditioners and Kitchen Appliances in type-3 "Level-3" Dropdown Header-1, Dropdown Header-2, Dropdown Header-3 in type-1 New Products, Sales, Purchases List, People List, Finance & Accounts in type-2 Type-3 does not have level-3 Add more list item : This component is designed with auto layout, so if need to add more level / list items / dropdown list, it is easy to add just need to copy and paste. interaction : while coping any of type (category/Main menu / Appliances) interaction will get copy along with this. Variable Mode : you can create new type to add more modes and just copy any of type. interaction will work as usual just need to update variable mode Local Variables : if adding more level/dropdown list/ list item, just copy from any of type example and add as new / levels just need to add more Boolean variable like it is given in example #figma #figmacomponents #figma_tutorial #figmaprototype #figmacommunity #figmaplugin #dropdownmenu
Download
0 formatsNo download links available.