StacklyUI
Components/Select

Select

A dropdown for picking one value from a list.

01

Preview & playground

Edit the code — the preview updates live. Try changing props, text, or classes.

playground.tsx
render(
  <Select defaultValue="next">
    <SelectTrigger className="w-56">
      <SelectValue placeholder="Framework" />
    </SelectTrigger>
    <SelectContent>
      <SelectItem value="next">Next.js</SelectItem>
      <SelectItem value="remix">Remix</SelectItem>
      <SelectItem value="astro">Astro</SelectItem>
      <SelectItem value="vite">Vite</SelectItem>
    </SelectContent>
  </Select>
)
02

Installation

Copy the source into your project with the registry CLI:

$pnpm dlx shadcn@latest add @stacklyui/select

Or install the package and import it:

$pnpm add @stacklyui/ui motion
03

Usage

Import Select from "@stacklyui/ui" and compose it as shown in the playground above. Every interactive primitive is built on Radix, so keyboard navigation, focus management, and ARIA are handled for you.