Forms

Select.

A short list, kept out of the way until needed.

LIVE PREVIEWTry it. It works.

Project visibility

Usage

<Select label="Visibility" options={[{value:"private",label:"Private"},{value:"public",label:"Public"}]} defaultValue="private" />

Import components from @bld8/ui and include @bld8/ui/styles.css once. Wrap the application in UIProvider.

API & behaviour

Built on Base UI Select. Supports value/onValueChange, defaultValue, name, disabled, required and placeholder. Arrow keys and typeahead select options.

Notes to self

Test this component with real content, keyboard input and both themes. The example is a starting point; labels, error handling and behaviour still need to fit the application.