SmoothUI

Basic Dropdown

A simple dropdown menu with label, items, and change callbacks.

Open in v0

Last updated: November 27, 2025

Select a size

Installation

pnpm dlx shadcn add @smoothui/basic-dropdown
npx shadcn@latest add @smoothui/basic-dropdown
yarn dlx shadcn add @smoothui/basic-dropdown
bunx shadcn add @smoothui/basic-dropdown

Features

  • Toggleable menu with keyboard navigation
  • Customizable label and items with optional icons
  • onChange callback with selected item
  • Compact, accessible, and easy to style
  • Works with any React content

Props

Prop

Type

On this page

Powered by

lucide.dev
motion.dev