SettingsForm
ShellsBuild settings forms from data with validation, radio buttons, and checkboxes.
Build accessible forms with opt-ui-primitives Form APIs, field validation, specialized inputs, and shared form store hooks.
bun add @reopt-ai/opt-uiimport { FormRoot, FormProvider, FormGroup, FormGroupLabel, FormDescription, FormField, FormControl, FormInput, FormTextarea, FormSelect, FormSelectPopover, FormSelectItem, FormSwitch, FormLabel, FormError, FormSubmit, FormCheckbox, FormRadioGroup, FormRadio, FormPush, FormRemove, FormReset, FormNumberInput, FormSlider, FormStarRating, FormColorPicker, FormIconPicker, FormTagInput, FormDateRangePicker, useFormStore, useFormContext } from "@reopt-ai/opt-ui";Change the width and theme, then interact with the components.
Build settings forms from data with validation, radio buttons, and checkboxes.
Switch between sign-in and sign-up forms with email and password validation and a remember-me option.
Guide sequential input with field definitions, per-step validation, an associated progress indicator, and a review step.
Add and remove fields at runtime with count limits, individual validation, and dynamic store updates.
Select files with metadata, image previews, size limits, and description input.
Add, remove, and reorder an ordered sequence of steps.