<Editor.Fields>

Render the fields for the currently selected item in <Editor.Preview> when composing a custom React Editor UI.

Interactive Demo

import { Editor } from "@reacteditor/core";
 
export function Editor() {
  return (
    <Editor>
      <Editor.Fields />
    </Editor>
  );
}

Props

Param	Example	Type	Status
`wrapFields`	`wrapFields: false`	boolean	-

Optional props

`wrapFields`

Whether or not the top-level fields should be padded and separated by a a border. Defaults to true.

import { Editor } from "@reacteditor/core";
 
export function Editor() {
  return (
    <Editor>
      <Editor.Fields wrapFields={false} />
    </Editor>
  );
}

<Editor.Components><Editor.Layout>