<Form />

This component is returned by Settings.useForm().

You are required to render one – and only one – of these to make your workspace settings work.All inputs must be inside of the <Form />.

Example

src/app/settings/page.tsx

import React from "react"
import {Settings} from "attio/client"

import schema from "./schema"

export default Settings.defineWorkspacePage(schema, () => {
  const {Form, TextInput} = Settings.useForm(schema)

  return (
    <Form>
      <TextInput label="Display name" name="display_name" />
      <TextInput label="Webhook URL" name="webhook_url" type="url" />
    </Form>
  )
})

Props

React.ReactNode

required

The contents of your workspace settings form, usually layout and input components.

Unlike regular forms, the <Form /> component from Settings.useForm() does not have an onSubmit prop. Settings are automatically saved.

⌘I

Introduction

Guides

Extensions

Workflow blocks

Notifications

Dialogs

Components

Forms

Icons

Settings

GraphQL

Data fetching

Server

System

Legacy

Example

Props

​Example

​Props

Example

Props