Using UI Extensions

Field ExtensionsAnchor

To use a field UI extension in the content editor, add it to a content model like you would with default GraphCMS fields. In schema editor, pick your custom field from the list. It will be grouped with other fields according to the fieldType value specified in the declaration.

Just like any other field, it will need a display name and an API ID. Default validation and configuration options are available to custom fields as well.

Once your custom field is ready, go to content editing and add a new entry. You should now see your custom UI extension rendered:

Sidebar ExtensionsAnchor

To use a Sidebar Extension in the content editor sidebar, do the following steps:

Customizing Sidebar WidgetsAnchor

1. Go to Schema editor
2. Click on the model you would like to edit
3. Below model's name, click on Sidebar tab
4. Under Sidebar Widgets, click on the widget you would like to add
5. Click on Create to finish

Previewing Your Customized SidebarAnchor

1. Go to Content or click on Go to content editing link at the top right corner
2. Click on the model you've edited in the previous step
3. Click on Add New Item or edit an existing one

Now, you should see your customized sidebar and can use your sidebar extensions.

Next StepsAnchor

• Quickstart building Field Extensions
• Quickstart building Sidebar Extensions