SAEL

Dropdown Menu

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

Made by imskyleen
Edit on GitHub
Loading...

Installation

Usage

<DropdownMenu>
  <DropdownMenuTrigger>Open Dropdown Menu</DropdownMenuTrigger>
  <DropdownMenuContent>
    <DropdownMenuItem>Item 1</DropdownMenuItem>
    <DropdownMenuItem>Item 2</DropdownMenuItem>
    <DropdownMenuItem>Item 3</DropdownMenuItem>
  </DropdownMenuContent>
</DropdownMenu>

Examples

Checkboxes

Loading...

Radio Group

Loading...

Props

DocsAPI Reference

Animate UI props

Prop

Type

Prop

Type

Prop

Type

Prop

Type

Prop

Type

Credits

  • We use Radix UI for the dropdown menu component.
  • We take our inspiration from Shadcn UI for the dropdown menu style.

Dialog

A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.

Hover Card

For sighted users to preview content available behind a link.

On this page

Installation
Usage
Examples
Checkboxes
Radio Group
Props
Animate UI props
DropdownMenu
DropdownMenuSubTrigger
DropdownMenuContent
DropdownMenuItem
DropdownMenuLabel
Credits