Select UI framework
Get Started
Radix UI
AlertApp Store ButtonAspect RatioBadgeBannerBreadcrumbButton GroupButtonCheckboxCommand MenuCompactButtonDialogDrawerDropdown MenuEmptyFancy ButtonFile UploadHintInput OTPInputItemKbdLabelLinkButtonLoaderPopoverProgress BarProgress CircleRadio GroupRatingSelectSeparatorSkeletonSliderSocial ButtonSwitchTagTextareaToggle GroupToggleTooltip
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.