<InputGroup />

A component for grouping inputs.

This component is returned by useWorkspaceSettingsForm().

Example

workspace-settings.tsx

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

export function WorkspaceSettings() {
  const {Form, InputGroup, NumberInput, TextInput} = useWorkspaceSettingsForm()

  return (
    <Form>
      <InputGroup>
        <TextInput label="Server region" name="server_region" />
        <NumberInput label="Timeout (seconds)" name="timeout_seconds" />
      </InputGroup>
    </Form>
  )
}

Props

children · React.ReactNode · required

The child inputs to be grouped.