Using an inline group for "ungrouped" fields

I have a series of top level fields, looking like:

{
  title: string;
  description: string;
  author: Author
}

Author {
  fullName: Function | string;
  firstName: string;
  lastName: string;
  bio: string
  photo: string
}

I want an InlineGroup displaying field for the top level data. Is this possible?

Hmmmm you could try doing <InlineGroup name="">

Be warned it might cause some weird issues focus issues

1 Like

Cool – I’ll play around and get back to you.

If this works, I think the inline group should support some sort of token to represent “root”, like name="."

Looks like it works:

<InlineGroup name="" fields={[
  { name: "title", component: "text" }
]}>
  // your UI
</InlineGroup