🚧 Under development. Read more →
DocumentationDocumentationTemplatesTemplates
GitHubGitHub (opens in a new tab)
  • Getting started
  • Introduction
  • Colors
  • Theming
  • Components
  • Data Display
    • Badge
    • Card
    • Empty State
    • Kbd
    • Separator
    • Snippet
    • Table
  • Disclosure
    • Accordion
    • Collapsible
    • Tabs
  • Feedback
    • Alert
    • Progress
    • Skeleton
    • Spinner
    • Toast
  • Form
    • Label
    • Button
    • Checkbox
    • Choicebox
    • Combobox
    • Form
    • Input
    • OTP Input
    • Radio Group
    • Select
    • Slider
    • Switch
    • Textarea
    • Datatable
  • Media
    • Avatar
    • Aspect Ratio
  • Navigation
    • Breadcrumb
    • Menubar
    • Navigation Menu
    • Pagination
    • Sidebar
    • Stepper
  • Overlay
    • Alert Dialog
    • Context Menu
    • Dialog
    • Drawer
    • Dropdown Menu
    • Hover Card
    • Popover
    • Sheet
    • Tooltip
  • Others
    • Calendar
    • Carousel
    • Command
    • File Uploader
    • File Viewer
    • Tag Picker
    • Scroll Area
    • Address Autocomplete
    • Rich Text Editor

On This Page

  • Dependencies
  • Usage
  • With Checkboxes
  • With Radio Group
  • API Reference
Question? Give us feedback → (opens in a new tab)Edit this page on GitHub →
Documentation
Overlay
Dropdown Menu

Dropdown Menu

Displays a menu to the user—such as a set of actions or functions—triggered by a button.

Dependencies

  • @radix-ui/react-dropdown-menu (opens in a new tab) - Dropdown menu primitives.

Usage

With Checkboxes

Dropdown can be used with CheckboxItem to create a dropdown with checkboxes.

With Radio Group

API Reference

To see the full API docs of Dropdown Menu component visit Radix Docs (opens in a new tab).

DrawerHover Card

Powered byVercel

© 2024 Neon. All rights reserved.