Another way is to put your configuration to the options.
// src/plugins/yourPluginName/admin/src/index.tsx
export default {
register(app: any) {
app.customFields.register({
name: fieldName,
// ....
options: {
advanced: [
{
name: "options.color",
type: "string",
defaultValue: "#000",
intlLabel: {
id: `${pluginName}.${fieldName}.options.advanced.color`,
defaultMessage: "Color",
},
description: {
id: `${pluginName}.${fieldName}.options.advanced.color.description`,
defaultMessage: "You can set the color here",
},
},
}
// ....
And then in your Component you can access on this option like this
export function YourCustomField(props: Props) {
const { attribute } = props;
return <div>{attribute.options.color}</div>
}