The components config is an array of document design components. For details how to create and customize a design please refer to Document Design.

Example with a title and a paragraph component:

components: [{
  name: 'title',
  label: 'Title',
  iconUrl: '',
  directives: [{
    type: 'editable',
    name: 'title',
    maxLength: 5
  html: '<h2 doc-editable="title">\n  Title\n</h2>'
}, {
  name: "p",
  label: "Paragraph",
  iconUrl: '',
  html: '<p class="text" doc-editable="text">\n  Paragraph\n</p>'