Select

Newform

Native select field styled with GridNest tokens, label support, helper text, disabled state, and error feedback.

import { Select } from '@/components/forge'

Preview

Select

Component category

Native select with GridNest styling.

Prop	Type	Default	Required	Description
`options`	`{ value: string; label: React.ReactNode; disabled?: boolean }[]`	-	Yes	Options rendered inside the select
`label`	`React.ReactNode`	-	No	Visible label above the select
`helperText`	`React.ReactNode`	-	No	Helper text shown below the select
`error`	`React.ReactNode`	-	No	Error message and invalid styling
`disabled`	`boolean`	`false`	No	Disables interaction

defaulterrordisabled