<Form />

A component that wraps your workspace settings inputs.

The Workspace Settings API is experimental and may change in the future. Please don’t use it in production versions of your app.

This component is returned by experimental_useWorkspaceSettingsForm().

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

workspace-settings.tsx

import React from "react"
import {experimental_useWorkspaceSettingsForm} from "attio/client"
import type {App} from "attio"

export const workspaceSettings: App.Settings.Workspace = {
  Page,
}

function Page() {
  const {Form, TextInput} = experimental_useWorkspaceSettingsForm()

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

Props

children · React.ReactNode · required

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

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