uuid: 68604d8c-c15d-4ef6-93f9-8fbac20dd434
langcode: en
status: true
dependencies:
  config:
    - cohesion_custom_styles.cohesion_custom_style.097f31b2
    - cohesion_custom_styles.cohesion_custom_style.48e09c60
    - cohesion_elements.cohesion_component_category.cpt_cat_layout_components
    - cohesion_website_settings.cohesion_color.gray-10
    - cohesion_website_settings.cohesion_color.gray-90
    - cohesion_website_settings.cohesion_color.white
  content:
    - 'file:file:d20245c2-3660-42ce-b545-ea460d80dda3'
  enforced:
    module:
      - acquia_cms_site_studio
label: Breadcrumbs
id: cpt_breadcrumbs
json_values: |
  {
      "canvas": [
          {
              "type": "container",
              "uid": "container",
              "title": "Container",
              "status": {
                  "collapsed": true
              },
              "uuid": "7c3ca5fa-48af-4732-8aa0-d029330912aa",
              "parentUid": "root",
              "children": [
                  {
                      "type": "item",
                      "uid": "breadcrumb",
                      "title": "Breadcrumb",
                      "status": {
                          "collapsed": true,
                          "collapsedParents": [
                              "7c3ca5fa-48af-4732-8aa0-d029330912aa"
                          ]
                      },
                      "uuid": "23150b7f-fc17-4c4f-ad20-1b1567bdaf57",
                      "parentUid": "container",
                      "children": []
                  }
              ]
          }
      ],
      "componentForm": [
          {
              "type": "form-container",
              "uid": "form-tab-container",
              "title": "Tab container",
              "status": {
                  "collapsed": false
              },
              "options": {
                  "formBuilder": true
              },
              "uuid": "abcd2f78-8bd2-4b3c-92be-3e515d391762",
              "parentUid": "root",
              "children": [
                  {
                      "type": "form-container",
                      "uid": "form-tab-item",
                      "title": "Tab item",
                      "status": {
                          "collapsed": true,
                          "collapsedParents": []
                      },
                      "options": {
                          "formBuilder": true
                      },
                      "uuid": "81b20b7a-7702-4a50-bd4f-40e251742262",
                      "parentUid": "form-tab-container",
                      "children": [
                          {
                              "type": "form-container",
                              "uid": "form-section",
                              "title": "Field group",
                              "status": {
                                  "collapsed": true,
                                  "collapsedParents": [
                                      "81b20b7a-7702-4a50-bd4f-40e251742262"
                                  ]
                              },
                              "options": {
                                  "formBuilder": true
                              },
                              "uuid": "394d6375-0b8c-450d-b2d9-f31eba8e6dde",
                              "parentUid": "form-tab-item",
                              "children": [
                                  {
                                      "type": "form-field",
                                      "uid": "form-select",
                                      "title": "Select",
                                      "translate": false,
                                      "status": {
                                          "collapsed": false,
                                          "collapsedParents": [
                                              "394d6375-0b8c-450d-b2d9-f31eba8e6dde"
                                          ]
                                      },
                                      "uuid": "6fa91362-7b59-4672-b530-bcec3852ca1c",
                                      "parentUid": "form-section",
                                      "children": []
                                  }
                              ]
                          },
                          {
                              "type": "form-container",
                              "uid": "form-section",
                              "title": "Field group",
                              "status": {
                                  "collapsed": true,
                                  "collapsedParents": [
                                      "81b20b7a-7702-4a50-bd4f-40e251742262"
                                  ]
                              },
                              "options": {
                                  "formBuilder": true
                              },
                              "uuid": "f997269e-d288-44d1-85ff-0a6a2a40d9bd",
                              "parentUid": "form-tab-item",
                              "children": [
                                  {
                                      "type": "form-field",
                                      "uid": "form-select",
                                      "title": "Select",
                                      "translate": false,
                                      "status": {
                                          "collapsed": false,
                                          "collapsedParents": [
                                              "f997269e-d288-44d1-85ff-0a6a2a40d9bd"
                                          ]
                                      },
                                      "uuid": "e4721d63-485a-4c3f-bde4-5fb3e52c2e5e",
                                      "parentUid": "form-section",
                                      "children": []
                                  },
                                  {
                                      "type": "form-help",
                                      "uid": "form-helptext",
                                      "title": "Help text",
                                      "status": {
                                          "collapsed": false,
                                          "collapsedParents": [
                                              "f997269e-d288-44d1-85ff-0a6a2a40d9bd"
                                          ]
                                      },
                                      "uuid": "29d7db14-62b7-4c88-9948-6411e536d541",
                                      "parentUid": "form-section",
                                      "children": []
                                  }
                              ]
                          }
                      ]
                  },
                  {
                      "type": "form-container",
                      "uid": "form-tab-item",
                      "title": "Tab item",
                      "status": {
                          "collapsed": true,
                          "collapsedParents": []
                      },
                      "options": {
                          "formBuilder": true
                      },
                      "uuid": "daa49611-cf3e-458d-8335-54e1842ba205",
                      "parentUid": "form-tab-container",
                      "children": [
                          {
                              "type": "form-help",
                              "uid": "form-helptext",
                              "title": "Help text",
                              "status": {
                                  "collapsed": false,
                                  "collapsedParents": [
                                      "daa49611-cf3e-458d-8335-54e1842ba205"
                                  ]
                              },
                              "uuid": "692e4284-0613-4bc8-b853-57aae8c9d67c",
                              "parentUid": "form-tab-item",
                              "children": []
                          }
                      ]
                  }
              ]
          }
      ],
      "mapper": {
          "7c3ca5fa-48af-4732-8aa0-d029330912aa": {
              "settings": {
                  "formDefinition": [
                      {
                          "formKey": "container-settings",
                          "children": [
                              {
                                  "formKey": "container-width",
                                  "breakpoints": [],
                                  "activeFields": [
                                      {
                                          "name": "width",
                                          "active": true
                                      }
                                  ]
                              },
                              {
                                  "formKey": "common-link-animation",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "linkAnimation",
                                          "active": true
                                      },
                                      {
                                          "name": "animationType",
                                          "active": true
                                      },
                                      {
                                          "name": "animationScope",
                                          "active": true
                                      },
                                      {
                                          "name": "animationParent",
                                          "active": true
                                      },
                                      {
                                          "name": "animationTarget",
                                          "active": true
                                      },
                                      {
                                          "name": "animationScale",
                                          "active": true
                                      },
                                      {
                                          "name": "animationDirection",
                                          "active": true
                                      },
                                      {
                                          "name": "animationDirection",
                                          "active": true
                                      },
                                      {
                                          "name": "animationDirection",
                                          "active": true
                                      },
                                      {
                                          "name": "animationDistance",
                                          "active": true
                                      },
                                      {
                                          "name": "animationPieces",
                                          "active": true
                                      },
                                      {
                                          "name": "animationOrigin",
                                          "active": true
                                      },
                                      {
                                          "name": "animationFoldHeight",
                                          "active": true
                                      },
                                      {
                                          "name": "animationHorizontalFirst",
                                          "active": true
                                      },
                                      {
                                          "name": "animationIterations",
                                          "active": true
                                      },
                                      {
                                          "name": "animationEasing",
                                          "active": true
                                      },
                                      {
                                          "name": "animationDuration",
                                          "active": true
                                      }
                                  ]
                              },
                              {
                                  "formKey": "common-link-modifier",
                                  "breakpoints": [],
                                  "activeFields": [
                                      {
                                          "name": "modifier",
                                          "active": true
                                      },
                                      {
                                          "name": "modifierType",
                                          "active": true
                                      },
                                      {
                                          "name": "interactionScope",
                                          "active": true
                                      },
                                      {
                                          "name": "interactionParent",
                                          "active": true
                                      },
                                      {
                                          "name": "interactionTarget",
                                          "active": true
                                      },
                                      {
                                          "name": "modifierName",
                                          "active": true
                                      }
                                  ]
                              },
                              {
                                  "formKey": "container-style",
                                  "breakpoints": [],
                                  "activeFields": [
                                      {
                                          "name": "customStyle",
                                          "active": true
                                      },
                                      {
                                          "name": "customStyle",
                                          "active": true
                                      },
                                      {
                                          "name": "customStyle",
                                          "active": true
                                      },
                                      {
                                          "name": "customStyle",
                                          "active": true
                                      }
                                  ]
                              },
                              {
                                  "formKey": "container-markup",
                                  "breakpoints": [],
                                  "activeFields": [
                                      {
                                          "name": "htmlMarkup",
                                          "active": true
                                      },
                                      {
                                          "name": "htmlMarkupCustom",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      }
                  ],
                  "selectorType": "topLevel",
                  "form": null,
                  "items": []
              },
              "styles": {
                  "formDefinition": [
                      {
                          "formKey": "layout",
                          "children": [
                              {
                                  "formKey": "padding",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "padding-equal",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-top",
                                          "active": true
                                      },
                                      {
                                          "name": "padding-bottom",
                                          "active": true
                                      },
                                      {
                                          "name": "padding-left",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-right",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-block-start",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-block-end",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-inline-start",
                                          "active": false
                                      },
                                      {
                                          "name": "padding-inline-end",
                                          "active": false
                                      }
                                  ]
                              }
                          ]
                      }
                  ],
                  "selectorType": "topLevel",
                  "items": [
                      {
                          "title": ".transparent-background",
                          "type": "container",
                          "items": [],
                          "form": null,
                          "selectorType": "modifier",
                          "model": ".transparent-background",
                          "uuid": "4bac2b3b-f88d-4994-9a03-d62fe3a53a40",
                          "allowedTypes": [
                              "child",
                              "pseudo",
                              "modifier"
                          ],
                          "formDefinition": [
                              {
                                  "formKey": "background",
                                  "children": [
                                      {
                                          "formKey": "background-color",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "background-color",
                                                  "active": true
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "title": ".solid-dark-background",
                          "type": "container",
                          "items": [],
                          "form": null,
                          "selectorType": "modifier",
                          "model": ".solid-dark-background",
                          "uuid": "edd5d5f4-efff-4198-b9b8-a52f6dee4822",
                          "allowedTypes": [
                              "child",
                              "pseudo",
                              "modifier"
                          ],
                          "formDefinition": [
                              {
                                  "formKey": "background",
                                  "children": [
                                      {
                                          "formKey": "background-color",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "background-color",
                                                  "active": true
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "title": ".solid-light-background",
                          "type": "container",
                          "items": [],
                          "form": null,
                          "selectorType": "modifier",
                          "model": ".solid-light-background",
                          "uuid": "419f298f-80fa-40f3-9631-0e2d99845d63",
                          "allowedTypes": [
                              "child",
                              "pseudo",
                              "modifier"
                          ],
                          "formDefinition": [
                              {
                                  "formKey": "background",
                                  "children": [
                                      {
                                          "formKey": "background-color",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "background-color",
                                                  "active": true
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "title": ".semi-transparent-dark-background",
                          "type": "container",
                          "items": [],
                          "form": null,
                          "selectorType": "modifier",
                          "model": ".semi-transparent-dark-background",
                          "uuid": "2cc6d7ba-7d42-4e91-820c-8434ec8dc62f",
                          "allowedTypes": [
                              "child",
                              "pseudo",
                              "modifier"
                          ],
                          "formDefinition": [
                              {
                                  "formKey": "background",
                                  "children": [
                                      {
                                          "formKey": "background-color",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "background-color",
                                                  "active": true
                                              }
                                          ]
                                      }
                                  ]
                              },
                              {
                                  "formKey": "font",
                                  "children": [
                                      {
                                          "formKey": "font-and-color",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "font-family",
                                                  "active": false
                                              },
                                              {
                                                  "name": "font-weight",
                                                  "active": false
                                              },
                                              {
                                                  "name": "color",
                                                  "active": true
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "title": ".position-absolute-top-left",
                          "type": "container",
                          "items": [],
                          "form": null,
                          "selectorType": "modifier",
                          "model": ".position-absolute-top-left",
                          "uuid": "f10052f1-077d-40ce-b7dc-8c8a20ecc194",
                          "allowedTypes": [
                              "child",
                              "pseudo",
                              "modifier"
                          ],
                          "formDefinition": [
                              {
                                  "formKey": "layout",
                                  "children": [
                                      {
                                          "formKey": "position",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "position",
                                                  "active": true
                                              },
                                              {
                                                  "name": "top",
                                                  "active": true
                                              },
                                              {
                                                  "name": "bottom",
                                                  "active": true
                                              },
                                              {
                                                  "name": "left",
                                                  "active": true
                                              },
                                              {
                                                  "name": "right",
                                                  "active": true
                                              },
                                              {
                                                  "name": "z-index",
                                                  "active": true
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "width",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "min-width",
                                                  "active": false
                                              },
                                              {
                                                  "name": "max-width",
                                                  "active": false
                                              },
                                              {
                                                  "name": "width",
                                                  "active": true
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ]
                      }
                  ],
                  "form": null
              },
              "hideNoData": {
                  "formDefinition": [
                      {
                          "formKey": "tab-hide-data-settings",
                          "children": [
                              {
                                  "formKey": "tab-hide-data-hide",
                                  "breakpoints": [],
                                  "activeFields": [
                                      {
                                          "name": "hideEnable",
                                          "active": true
                                      },
                                      {
                                          "name": "hideData",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      }
                  ],
                  "title": "Hide if no data",
                  "selectorType": "topLevel",
                  "form": null,
                  "items": []
              },
              "markup": {
                  "formDefinition": [
                      {
                          "formKey": "tab-markup-classes-and-ids",
                          "children": [
                              {
                                  "formKey": "tab-markup-add-classes",
                                  "breakpoints": [],
                                  "activeFields": [
                                      {
                                          "name": "classes",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "formKey": "tab-markup-attributes",
                          "children": [
                              {
                                  "formKey": "tab-markup-add-attributes-values",
                                  "breakpoints": [],
                                  "activeFields": [
                                      {
                                          "name": "attributes",
                                          "active": true
                                      },
                                      {
                                          "name": "attribute",
                                          "active": true
                                      },
                                      {
                                          "name": 0,
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      }
                  ],
                  "title": "Markup",
                  "selectorType": "topLevel",
                  "form": null,
                  "items": []
              }
          },
          "23150b7f-fc17-4c4f-ad20-1b1567bdaf57": {}
      },
      "model": {
          "7c3ca5fa-48af-4732-8aa0-d029330912aa": {
              "settings": {
                  "title": "Container - Breadcrumbs",
                  "width": "fluid",
                  "customStyle": [
                      {
                          "customStyle": "[field.6fa91362-7b59-4672-b530-bcec3852ca1c]"
                      },
                      {
                          "customStyle": "[field.e4721d63-485a-4c3f-bde4-5fb3e52c2e5e]"
                      },
                      {
                          "customStyle": "coh-style-padding-small"
                      }
                  ],
                  "settings": {
                      "width": "fluid",
                      "customStyle": [
                          {
                              "customStyle": ""
                          }
                      ]
                  },
                  "htmlMarkup": "nav"
              },
              "context-visibility": {
                  "contextVisibility": {
                      "condition": "ALL"
                  }
              },
              "styles": {
                  "settings": {
                      "element": "container"
                  },
                  "4bac2b3b-f88d-4994-9a03-d62fe3a53a40": {
                      "settings": {
                          "element": "",
                          "class": ".transparent-background",
                          "combinator": "",
                          "pseudo": ""
                      },
                      "styles": {
                          "xl": {
                              "background-color": {
                                  "value": {
                                      "value": {
                                          "hex": "transparent",
                                          "rgba": "rgba(0, 0, 0, 0)"
                                      },
                                      "name": "Transparent",
                                      "wysiwyg": true,
                                      "uid": "dx8-transparent",
                                      "class": ".dx8-transparent",
                                      "variable": "$coh-dx8-transparent",
                                      "inuse": true
                                  }
                              }
                          }
                      }
                  },
                  "edd5d5f4-efff-4198-b9b8-a52f6dee4822": {
                      "settings": {
                          "element": "",
                          "class": ".solid-dark-background",
                          "combinator": "",
                          "pseudo": ""
                      },
                      "styles": {
                          "xl": {
                              "background-color": {
                                  "value": {
                                      "link": true,
                                      "name": "Gray 90",
                                      "uid": "gray-90",
                                      "class": ".coh-color-gray-90",
                                      "variable": "$coh-color-gray-90",
                                      "value": {
                                          "hex": "#222222",
                                          "rgba": "rgba(34, 34, 34, 1)"
                                      },
                                      "inuse": false,
                                      "wysiwyg": true,
                                      "tags": [
                                          "Dark"
                                      ]
                                  }
                              }
                          }
                      }
                  },
                  "419f298f-80fa-40f3-9631-0e2d99845d63": {
                      "settings": {
                          "element": "",
                          "class": ".solid-light-background",
                          "combinator": "",
                          "pseudo": ""
                      },
                      "styles": {
                          "xl": {
                              "background-color": {
                                  "value": {
                                      "link": true,
                                      "name": "Gray 10",
                                      "uid": "gray-10",
                                      "class": ".coh-color-gray-10",
                                      "variable": "$coh-color-gray-10",
                                      "value": {
                                          "hex": "#f2f2f2",
                                          "rgba": "rgba(242, 242, 242, 1)"
                                      },
                                      "inuse": true,
                                      "wysiwyg": true,
                                      "tags": [
                                          "Light"
                                      ]
                                  }
                              }
                          }
                      }
                  },
                  "2cc6d7ba-7d42-4e91-820c-8434ec8dc62f": {
                      "settings": {
                          "element": "",
                          "class": ".semi-transparent-dark-background",
                          "combinator": "",
                          "pseudo": ""
                      },
                      "styles": {
                          "xl": {
                              "background-color": {
                                  "value": {
                                      "value": {
                                          "hex": "#000000",
                                          "rgba": "rgba(0, 0, 0, 0.5)"
                                      }
                                  }
                              },
                              "color": {
                                  "value": {
                                      "name": "White",
                                      "uid": "white",
                                      "value": {
                                          "hex": "#ffffff",
                                          "rgba": "rgba(255, 255, 255, 1)"
                                      },
                                      "wysiwyg": true,
                                      "class": ".coh-color-white",
                                      "variable": "$coh-color-white",
                                      "inuse": true,
                                      "link": true,
                                      "tags": [
                                          "Light"
                                      ]
                                  }
                              }
                          }
                      }
                  },
                  "styles": {
                      "xl": {
                          "padding": {
                              "padding-top": {
                                  "value": "0"
                              },
                              "padding-bottom": {
                                  "value": "0"
                              }
                          }
                      }
                  },
                  "f10052f1-077d-40ce-b7dc-8c8a20ecc194": {
                      "settings": {
                          "element": "",
                          "class": ".position-absolute-top-left",
                          "combinator": "",
                          "pseudo": ""
                      },
                      "styles": {
                          "xl": {
                              "position": {
                                  "value": "absolute"
                              },
                              "top": {
                                  "value": "0"
                              },
                              "left": {
                                  "value": "0"
                              },
                              "width": {
                                  "value": "100%"
                              },
                              "z-index": {
                                  "value": "2"
                              }
                          }
                      }
                  }
              },
              "hideNoData": {
                  "hideEnable": false
              },
              "markup": {
                  "attributes": [
                      {
                          "attribute": "aria-label",
                          "value": "Breadcrumb"
                      }
                  ]
              }
          },
          "23150b7f-fc17-4c4f-ad20-1b1567bdaf57": {
              "settings": {
                  "title": "Breadcrumb",
                  "settings": {
                      "customStyle": ""
                  },
                  "customStyle": "coh-style-breadcrumbs"
              },
              "context-visibility": {
                  "contextVisibility": {
                      "condition": "ALL"
                  }
              },
              "styles": {
                  "settings": {
                      "element": "breadcrumb"
                  }
              }
          },
          "abcd2f78-8bd2-4b3c-92be-3e515d391762": {
              "settings": {
                  "type": "cohTabContainer",
                  "title": "Tab container",
                  "responsiveMode": true
              }
          },
          "81b20b7a-7702-4a50-bd4f-40e251742262": {
              "settings": {
                  "title": "Layout and style",
                  "type": "cohTabItem",
                  "breakpointIcon": ""
              },
              "contextVisibility": {
                  "condition": "ALL"
              }
          },
          "394d6375-0b8c-450d-b2d9-f31eba8e6dde": {
              "settings": {
                  "title": "Breadcrumb color",
                  "type": "cohSection",
                  "hideRowHeading": 0,
                  "removePadding": 0,
                  "columnCount": "1",
                  "breakpointIcon": "",
                  "breakpoints": false,
                  "propertiesMenu": false,
                  "disableScrollbar": true,
                  "disableEllipsisMenu": true,
                  "isOpen": true
              },
              "contextVisibility": {
                  "condition": "ALL"
              }
          },
          "6fa91362-7b59-4672-b530-bcec3852ca1c": {
              "settings": {
                  "title": "Breadcrumbs color",
                  "type": "cohSelect",
                  "selectType": "custom",
                  "schema": {
                      "type": "string"
                  },
                  "options": [
                      {
                          "label": "Show breadcrumbs on transparent background",
                          "value": "transparent-background"
                      },
                      {
                          "label": "Show breadcrumbs on semi-transparent dark background",
                          "value": "semi-transparent-dark-background"
                      },
                      {
                          "label": "Show breadcrumbs on solid dark background",
                          "value": "solid-dark-background"
                      },
                      {
                          "label": "Show breadcrumbs on solid light background",
                          "value": "solid-light-background"
                      }
                  ],
                  "machineName": "breadcrumbs-color",
                  "tooltipPlacement": "auto right"
              },
              "contextVisibility": {
                  "condition": "ALL"
              },
              "model": {
                  "value": "semi-transparent-dark-background"
              }
          },
          "f997269e-d288-44d1-85ff-0a6a2a40d9bd": {
              "settings": {
                  "title": "Breadcrumb position",
                  "type": "cohSection",
                  "hideRowHeading": 0,
                  "removePadding": 0,
                  "columnCount": "1",
                  "breakpointIcon": "",
                  "breakpoints": false,
                  "propertiesMenu": false,
                  "disableScrollbar": true,
                  "disableEllipsisMenu": true,
                  "isOpen": true
              },
              "contextVisibility": {
                  "condition": "ALL"
              }
          },
          "e4721d63-485a-4c3f-bde4-5fb3e52c2e5e": {
              "settings": {
                  "title": "Breadcrumbs position",
                  "type": "cohSelect",
                  "selectType": "custom",
                  "schema": {
                      "type": "string"
                  },
                  "options": [
                      {
                          "label": "Relative to where placed",
                          "value": ""
                      },
                      {
                          "label": "Absolute position top left",
                          "value": "position-absolute-top-left"
                      }
                  ],
                  "machineName": "breadcrumbs-position",
                  "tooltipPlacement": "auto right",
                  "tooltipText": ""
              },
              "contextVisibility": {
                  "condition": "ALL"
              },
              "model": {
                  "value": "position-absolute-top-left"
              }
          },
          "29d7db14-62b7-4c88-9948-6411e536d541": {
              "settings": {
                  "title": "Help text",
                  "type": "cohHelpText",
                  "options": {
                      "showClose": false,
                      "helpType": "help",
                      "helpText": "If using **Position absolute top left** place breadcrumbs on the **Layout canvas** at the outer most level."
                  },
                  "showCondition": "[field.e4721d63-485a-4c3f-bde4-5fb3e52c2e5e] == 'position-absolute-top-left'"
              },
              "contextVisibility": {
                  "condition": "ALL"
              }
          },
          "daa49611-cf3e-458d-8335-54e1842ba205": {
              "settings": {
                  "title": "Help",
                  "type": "cohTabItem",
                  "breakpointIcon": ""
              },
              "contextVisibility": {
                  "condition": "ALL"
              }
          },
          "692e4284-0613-4bc8-b853-57aae8c9d67c": {
              "settings": {
                  "title": "Help text",
                  "type": "cohHelpText",
                  "options": {
                      "showClose": false,
                      "helpType": "help",
                      "helpText": "# Using the Breadcrumbs component\n- Use the breadcrumbs component to add breadcrumb links to a layout.\n- The breadcrumb component will display links in a format provided by your sites breadcrumb configuration.\n\n# Breadcrumb color\n- **Breadcrumb color -** Select the color theme for the breadcrumbs. These include both link and background color.\n\n# Breadcrumb position\n- **Breadcrumb position -** Select the position of the breadcrumbs. Choose **Absolute position top left** to position the breadcrumbs at the top of the page content. For best results, add the breadcrumb component directly to the Layout canvas without nesting it within another component."
                  }
              },
              "contextVisibility": {
                  "condition": "ALL"
              }
          }
      },
      "previewModel": {
          "81b20b7a-7702-4a50-bd4f-40e251742262": {},
          "daa49611-cf3e-458d-8335-54e1842ba205": {},
          "7c3ca5fa-48af-4732-8aa0-d029330912aa": {
              "settings": {
                  "customStyle": [
                      {
                          "customStyle": ""
                      },
                      {
                          "customStyle": ""
                      }
                  ]
              }
          },
          "23150b7f-fc17-4c4f-ad20-1b1567bdaf57": {},
          "394d6375-0b8c-450d-b2d9-f31eba8e6dde": {},
          "6fa91362-7b59-4672-b530-bcec3852ca1c": {},
          "f997269e-d288-44d1-85ff-0a6a2a40d9bd": {},
          "e4721d63-485a-4c3f-bde4-5fb3e52c2e5e": {},
          "29d7db14-62b7-4c88-9948-6411e536d541": {},
          "692e4284-0613-4bc8-b853-57aae8c9d67c": {}
      },
      "variableFields": {
          "81b20b7a-7702-4a50-bd4f-40e251742262": [],
          "daa49611-cf3e-458d-8335-54e1842ba205": [],
          "7c3ca5fa-48af-4732-8aa0-d029330912aa": [
              "settings.customStyle.0.customStyle",
              "settings.customStyle.1.customStyle"
          ],
          "23150b7f-fc17-4c4f-ad20-1b1567bdaf57": [],
          "394d6375-0b8c-450d-b2d9-f31eba8e6dde": [],
          "6fa91362-7b59-4672-b530-bcec3852ca1c": [],
          "f997269e-d288-44d1-85ff-0a6a2a40d9bd": [],
          "e4721d63-485a-4c3f-bde4-5fb3e52c2e5e": [],
          "29d7db14-62b7-4c88-9948-6411e536d541": [],
          "692e4284-0613-4bc8-b853-57aae8c9d67c": []
      },
      "meta": {
          "fieldHistory": [
              {
                  "uuid": "e4721d63-485a-4c3f-bde4-5fb3e52c2e5e",
                  "type": "form-select",
                  "machineName": "breadcrumbs-position"
              },
              {
                  "uuid": "6fa91362-7b59-4672-b530-bcec3852ca1c",
                  "type": "form-select",
                  "machineName": "breadcrumbs-color"
              },
              {
                  "machineName": "show-breadcrumbs"
              },
              {
                  "uuid": "bb7f4933-7bfb-4c8e-bdd7-112279178f20",
                  "type": "form-select",
                  "machineName": "color-theme"
              },
              {
                  "uuid": "09b4a901-3e5c-49c6-99c2-85946443210e",
                  "type": "form-colorpicker",
                  "machineName": "background-color"
              }
          ]
      }
  }
json_mapper: '{}'
last_entity_update: entityupdate_0042
locked: false
modified: true
selectable: true
category: cpt_cat_layout_components
preview_image: 'public://element-preview-images/Breadcrumbs.png'
has_quick_edit: false
entity_type_access: {  }
bundle_access: {  }
twig_template: component--cohesion-cpt-breadcrumbs
weight: 13
