Examples

Form

These examples cover both standalone fields and react-hook-form bindings across the current form surface.

Checkbox

Standalone and controlled checkbox fields.

/form/checkbox

Date Picker

Date selection with labels and controlled values.

/form/date-picker

Date Range Picker

Range selection for reporting and filter flows.

/form/date-range-picker

Hook Checkbox

Checkbox bound to react-hook-form state.

/form/hook-checkbox

Hook Date Picker

Date picker integrated with react-hook-form.

/form/hook-date-picker

Hook Multi Select

Multi-select chips integrated with react-hook-form state.

/form/hook-multi-select

Hook Native Select

Native select with react-hook-form registration.

/form/hook-native-select

Hook Searchable Select

Searchable select integrated with form context.

/form/hook-searchable-select

Hook Select

Select component wired into react-hook-form.

/form/hook-select

Hook Tag Picker

Creatable tag picker connected to react-hook-form.

/form/hook-tag-picker

Hook Text Input

Text input with validation driven by form state.

/form/hook-text-input

Hook Textarea

Textarea integrated with react-hook-form rules.

/form/hook-textarea

Hook Time Input

Time input with form registration and conversion.

/form/hook-time-input

Multi Select

Labeled multi-select field with removable chips.

/form/multi-select

Native Select

Native select field with labels and defaults.

/form/native-select

Searchable Select

Searchable combobox field with custom options.

/form/searchable-select

Select

Select field built on top of the themed UI select.

/form/select

Tag Picker

Labeled tag picker with suggestions and inline creation.

/form/tag-picker

Text Input

Text and numeric inputs with form and non-form usage.

/form/text-input

Textarea

Multi-line text fields with validation states.

/form/textarea

Time Input

Time normalization helpers for duration entry.

/form/time-input