Select · Zellify

Installation#

Terminal

npx shadcn@latest add @zellify/select

Usage#

select.tsx

import {  Select,  SelectContent,  SelectGroup,  SelectItem,  SelectLabel,  SelectScrollDownButton,  SelectScrollUpButton,  SelectSeparator,  SelectTrigger,  SelectValue,} from "@/components/ui/select"

Examples#

Basic

With Icons

With Groups & Labels

Large List

Sizes

Subscription Plan

With Button

Popper

With Field

Invalid

Inline with Input & NativeSelect

Disabled

In Dialog

API reference#

Exports Select SelectContent SelectGroup SelectItem SelectLabel SelectScrollDownButton SelectScrollUpButton SelectSeparator SelectTrigger SelectValue. Every part takes its element's usual props and a className.