This component is returned by
Settings.useForm().Example
src/app/settings/page.tsx
Props
React.ReactNode
required
The child inputs to be grouped.
Documentation Index
Fetch the complete documentation index at: /llms.txt
Use this file to discover all available pages before exploring further.
The legacy app.ts layout is deprecated. New apps use the folder-based layout under src/app/; convert existing apps with the migration guide.
A component for grouping inputs.
Settings.useForm().import React from "react"
import {Settings} from "attio/client"
export function WorkspaceSettings() {
const {Form, InputGroup, NumberInput, TextInput} = Settings.useForm(schema)
return (
<Form>
<InputGroup>
<TextInput label="Server region" name="server_region" />
<NumberInput label="Timeout (seconds)" name="timeout_seconds" />
</InputGroup>
</Form>
)
}
Was this page helpful?