NOCTA UI

Select

A flexible select component for choosing from a list of options with multiple sizes and dark mode support

Installation

Install the Select component using the nocta-ui CLI:

npx @nocta-ui/cli add select

Import the components you need:

import {
  Select,
  SelectTrigger,
  SelectContent,
  SelectItem,
  SelectValue,
} from '@/components/ui/select';

Prop

Type

Prop

Type

Prop

Type

Prop

Type

Prop

Type

Radio Group

A lightweight and accessible radio group component for selecting a single option, supporting labels, descriptions, and full keyboard navigation

Slider

A customizable range slider component with variants, orientations, and accessibility support for value selection