The AttioUserCombobox API is experimental and may change in the future. It has been marked as @deprecated to remind the developer that it is experimental. It is not "deprecated", just experimental. Please don't use it in production versions of your app. We do not guarantee backward compatibility, or that the API will remain stable.
This component is returned by useForm().

Example

task-form.tsx
import React from "react"
import {Forms, useForm, showToast} from "attio/client"

export function TaskForm() {
  const {Form, SubmitButton, TextInput, Experimental_AttioUserCombobox} = useForm(
    {
      title: Forms.string(),
      description: Forms.string().multiline(),
      assignToId: Forms.string(),
    },
    {}
  )
  return (
    <Form
      onSubmit={async (values) => {
        await showToast({
          title: "Form submitted",
          variant: "success",
          text: `Task "${values.title}" was assigned to workspace member ID ${values.assignToId}`,
        })
      }}
    >
      <TextInput label="Title" name="title" />
      <TextInput label="Description" name="description" />
      <Experimental_AttioUserCombobox label="Assign to" name="assignToId" />
      <SubmitButton label="Submit" />
    </Form>
  )
}

Props

label
string
required
The label of the Attio workspace user combobox input field.
name
string
required
The path to the string value of the input field in your form schema. e.g. "user", "task.assigned_to_id"
disabled
boolean
Whether or not the field should be disabled.Defaults to false (not disabled).