Select

Pick one or more options from a list that opens on the current value, with typeahead, groups and form support.

Installation

terminal

pnpm dlx layro-cli add @preetsuthar17/select

npx layro-cli add @preetsuthar17/select

npx layro-cli add @preetsuthar17/select

bunx layro-cli add @preetsuthar17/select

New project? Start with init. Writes third-party code and installs packages with scripts off.

Code

Demo

"use client"

import * as React from "react"
import { Select as SelectPrimitive } from "@base-ui/react/select"
import {
  IconCheck,
  IconChevronDown,
  IconChevronUp,
  IconSelector,
} from "@tabler/icons-react"
import { cva } from "class-variance-authority"
import { cn } from "cn"

type ClassName<State> =