SettingsForm
ShellsBuild settings forms from data with validation, radio buttons, and checkboxes.
Import data through upload, column mapping, preview, and confirmation steps.
bun add @reopt-ai/opt-uiimport { DataImportWizard } from "@reopt-ai/opt-ui";Change the width and theme, then interact with the components.
Drop a file or click to upload
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.
Edit key-value pairs with dynamic rows, secret-value visibility, and validation.