Forms

Select

A dropdown select built on Base UI primitives. Provides a styled trigger, animated content panel, and accessible keyboard navigation.

import {
  Select,
  SelectContent,
  SelectItem,
  SelectTrigger,
  SelectValue,
} from "@mikenotthepope/substrateui"

Select
├── SelectTrigger
│   └── SelectValue
└── SelectContent
    └── SelectItem

Prop	Type	Default	Description
`value`	`string`	—	The controlled value of the select.
`onValueChange`	`(value: string) => void`	—	Callback fired when the selected value changes.
`defaultValue`	`string`	—	The default value when uncontrolled.
`disabled`	`boolean`	`false`	When true, prevents interaction with the select.
`placeholder`	`string`	—	Placeholder text displayed via SelectValue when no value is selected.