DUI
⌘K

Components / Overlays

Dropdown

Accessible single-selection dropdown with descriptions.

Preview

Model
1import { Dropdown } from "@/components/ui/dropdown"2
3export function DropdownDemo() {4  return <Dropdown label="Model" defaultValue="reasoning" options={[{ value: "reasoning", label: "DUI Reasoning" }, { value: "fast", label: "DUI Fast" }]} />5}

Installation

Add the source directly to your project with the shadcn CLI.

npx shadcn@latest add qentrah/DUI/dropdown

Usage

Install the component, import it from your configured UI directory, and adapt the source to your product. Open the source panel under any example to copy that exact variant.