ProjectSettings
BlocksManage project settings, retention policies, cleanup previews, and storage usage with forms, tables, and code snippets.
Build settings forms from data with validation, radio buttons, and checkboxes.
bun add @reopt-ai/opt-uiimport { SettingsForm } from "@reopt-ai/opt-ui";Change the width and theme, then interact with the components.
Manage project settings, retention policies, cleanup previews, and storage usage with forms, tables, and code snippets.
Build accessible forms with opt-ui-primitives Form APIs, field validation, specialized inputs, and shared form store hooks.
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.