Skip to main content
This component is returned by Settings.useForm().
Unlike with useForm() where validation is defined in the schema, workspace settings validation is specified directly on the input components using props like min and max.

Example

src/app/settings/page.tsx

Props

string
required
The label of the input field.
string
required
The key of the number value of the input field in your settings schema.e.g. "sync_interval_minutes"
string
An optional placeholder text for your input.
number
The minimum allowed value. Validation will fail if the user inputs a number less than this value.
number
The maximum allowed value. Validation will fail if the user inputs a number greater than this value.
boolean
Whether or not the field should be disabled.Defaults to false (not disabled).