popcn/ui logopopcn/ui

Dropdown Menu

Dropdown menu with glass panel effect. Built on Radix UI.

Installation

npx popcn add dropdown-menu

Basic Usage

Simple Dropdown

With Checkboxes

Checkbox Items

With Radio Items

Radio Group

With Submenu

Nested Menu

Props

PropTypeDefaultDescription
side"top" | "right" | "bottom" | "left""bottom"The preferred side of the trigger to render against
align"start" | "center" | "end""center"The preferred alignment against the trigger