Getting StartedInstallation and setup guides 6
FormInput and selection components 26
LayoutWorkflow and structural layout components 10
NavigationMenu surfaces and hierarchical actions 7
OverlayModal and floating layer surfaces 3
FeedbackStatus, empty, progress, and loading placeholder patterns 6
UtilityGeneral-purpose interface utilities 7
Overview API Styling Examples

Form usage

Place the select inside a standard form and keep the chosen value ready for submission.

Select form usage

Live form

Schedule a release

Choose the current stage as part of a larger release configuration form.

Selected: In review

Release stage select

A wrapper-first status picker with a controlled value and the default option rendering.

Release stage select (Plain-CSS)

Release stage

Keep a controlled release-stage value while the wrapper handles trigger and menu plumbing.

Selected: In review

Primitive options

Use strings or other primitive option values directly. When getOptionValue is omitted, the option itself becomes the value.

Primitive options (Plain-CSS)

Primitive options

String options can be used directly. Omit getOptionValue when each option is already the value.

Selected: ALL

Release owner roster

Template hooks let the wrapper show richer trigger and option content while keeping the same select contract.

Release owner roster (Plain-CSS)

Release owner roster

Custom templates let the wrapper show richer trigger and option content without rebuilding the select primitive.

Selected: Mina Lee

Mapped options

Derive option rows from source records each change detection. Selection and keyboard navigation stay stable because the wrapper tracks by getOptionValue by default.

Mapped options (Plain-CSS)

Mapped options

Options are remapped from OAuth client records on every change detection. Open the menu, use arrow keys or click — the selection holds after remap.

Selected: Admin console · remaps: 0