New questions added in Jun 2026 ->

Pricing Sign in / up

Get full access

Current guide

Introduction
Types of questions
RADIO framework
Evaluation axes
Common mistakes
Cheatsheet

News Feed (e.g. Facebook)
Autocomplete
Pinterest
Rich Text Editor
Google Docs
Design / Drawing Tool (e.g. Figma, Canva, Excalidraw)
Video Streaming (e.g. Netflix)
E-commerce Marketplace (e.g. Amazon)
Travel Booking (e.g. Airbnb)
Chat App (e.g. Messenger)
Photo Sharing (e.g. Instagram)
Music Streaming (e.g. Spotify)
Video Conferencing (e.g. Zoom)
Google Sheets
Dropdown Menu
Image Carousel
Modal Dialog
Data Table
Poll Widget
Email Client (e.g. Microsoft Outlook)

Focus mode

System design

Dropdown Menu

Premium

Question

Design a dropdown menu component that can reveal a menu containing a list of actions.

Real-life examples

Dropdowns · Bootstrap v5.3
React Menu component - Material UI
Dropdown Menu — Radix UI

Front End System Design21/26

Footer

Subscribe to our newsletter

Email

Practice

Get started
JavaScript functions
User interface coding
System design
Quiz

Guides

Front End Interview Playbook
Front End System Design Playbook
React Interview Playbook
Behavioral Interview Playbook

Study Plans

1 Week Plan
1 Month Plan
3 Months Plan

Company

Pricing
Promotions
Roadmap
About
Team
Contact us
Advertise with usNew
Become an affiliate
Careers
Blog
Medium
DEV Community

LinkedIn Discord GitHub Twitter / X

© 2026 Codeney Pte Ltd. All rights reserved.

Terms of Service

Premium question

Purchase premium to unlock premium questions and all the best materials we have to offer.

All premium questions

High quality solutions

Time-savers like focus areas

Front end system design guides

Dropdown Menu | Front End System Design Question