Skip to main content
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.