kayee-blogpost-byoc-example-component-checkboxes.tsx

FEAAS.External.registerComponent(MyByocComponent, {
  name: 'MyByocComponent',
  properties: {
    title: {
      title: 'Title',
      type: 'string',
      enum: ['Mr', 'Mrs', 'Miss', 'Ms', 'Dr'],
      description: 'Please select an appropriate title',
    },
    tags: {
      type: 'array',
      title: 'Tags',
      items: {
        type: 'string',
        enum: ['Sitecore', 'XM Cloud', 'BYOC', 'JSS', 'Next.js'],
      },
      uniqueItems: true,
    },
    firstName: {
      title: 'First Name',
      type: 'string',
    },
    lastName: {
      title: 'Last Name',
      type: 'string',
    },
    columnsCount: {
      title: 'Columns count',
      type: 'number',
    },
  },
  ui: {
    tags: {
      'ui:widget': 'checkboxes',
    },
  },
});