Components

Select / Dropdown

A simple dropdown for choosing a form value.

Preview

Language

Usage

import { Select, Label } from '@fwenthehunter/friendly-ui';

<Label htmlFor="language">Language</Label>
<Select id="language" name="language" defaultValue="en">
  <option value="en">English</option>
  <option value="nl">Dutch</option>
  <option value="fr">French</option>
</Select>

Select and Dropdown are aliases for the same native select element. Add option or optgroup children. Native keyboard navigation, mobile pickers, disabled options, required validation, and form submission work without client JavaScript.

This is a value picker, not an action menu. Use defaultValue for an uncontrolled choice. Controlled value and onChange require a client wrapper.

Props

Components accept native HTML props, className, and style. Server-compatible primitives also forward React 19 refs; Modal manages its own dialog ref.

Prop	Type	Default
`defaultValue`	string or string[]	—
`multiple`	boolean	false
`required / disabled`	boolean	false