Select

PreviousNext

A styled dropdown select built on Radix UI Select.

Component select-demo not found in registry.

Installation

pnpm dlx shadcn@latest add select

Usage

import * as Select from "@/registry/radix-ui/ui/select"
 
export default function Example() {
  return (
    <Select.Root>
      <Select.Trigger className="min-w-56 rounded-lg px-3 py-2">
        <Select.Value placeholder="Select an option" />
      </Select.Trigger>
      <Select.Content>
        <Select.Item value="one">One</Select.Item>
        <Select.Item value="two">Two</Select.Item>
        <Select.Item value="three">Three</Select.Item>
      </Select.Content>
    </Select.Root>
  )
}

Examples

Component select-basic not found in registry.

Component select-sizes not found in registry.

Component select-with-icons not found in registry.

Component select-with-label-hint not found in registry.

Component select-variant-compact not found in registry.

Component select-variant-inline not found in registry.

Component select-variant-compact-for-input not found in registry.

Component select-error not found in registry.

Component select-disabled not found in registry.