uuid: 0a290122-6ef6-4a14-b967-306bfa8140f0
langcode: en
status: true
dependencies:
  config:
    - cohesion_custom_styles.cohesion_custom_style.59942bd8
    - cohesion_custom_styles.cohesion_custom_style.63181883
    - cohesion_custom_styles.cohesion_custom_style.77af1043
    - cohesion_custom_styles.cohesion_custom_style.a5bad395
    - cohesion_elements.cohesion_component_category.cpt_cat_tab_components
  content:
    - 'file:file:5f79bf59-3f45-4353-98dc-da12291d22b1'
  enforced:
    module:
      - acquia_cms_site_studio
label: 'Tabs container - horizontal tabs'
id: cpt_tabs_container_horizontal_ta
json_values: |
  {
      "canvas": [
          {
              "type": "container",
              "uid": "container",
              "title": "Container",
              "status": {
                  "collapsed": true
              },
              "uuid": "fb935e77-fdca-4096-9c3c-c32701f2d101",
              "parentUid": "root",
              "children": [
                  {
                      "type": "container",
                      "uid": "accordion-tabs-container",
                      "title": "Accordion tabs container",
                      "status": {
                          "collapsed": true,
                          "collapsedParents": [
                              "fb935e77-fdca-4096-9c3c-c32701f2d101"
                          ]
                      },
                      "parentIndex": 4,
                      "uuid": "deab546d-ef1a-4bb7-8d8e-e2214cf045b2",
                      "parentUid": "container",
                      "children": [
                          {
                              "type": "item",
                              "uid": "component-drop-zone-placeholder",
                              "title": "Component drop zone",
                              "status": {
                                  "collapsed": true,
                                  "collapsedParents": [
                                      "fb935e77-fdca-4096-9c3c-c32701f2d101"
                                  ]
                              },
                              "parentIndex": 0,
                              "uuid": "774ab3e9-e3c6-491c-b932-854c52976d94",
                              "parentUid": "accordion-tabs-container",
                              "children": []
                          }
                      ]
                  }
              ]
          }
      ],
      "componentForm": [
          {
              "type": "form-container",
              "uid": "form-tab-container",
              "title": "Tab container",
              "status": {
                  "collapsed": false
              },
              "options": {
                  "formBuilder": true
              },
              "uuid": "9477ae74-b6d2-4af4-950d-bc562dd666c6",
              "parentUid": "root",
              "children": [
                  {
                      "type": "form-container",
                      "uid": "form-tab-item",
                      "title": "Tab item",
                      "status": {
                          "collapsed": true,
                          "collapsedParents": []
                      },
                      "options": {
                          "formBuilder": true
                      },
                      "uuid": "1063fb9b-43c4-46fe-a100-a56709226917",
                      "parentUid": "form-tab-container",
                      "children": [
                          {
                              "type": "form-container",
                              "uid": "form-section",
                              "title": "Field group",
                              "status": {
                                  "collapsed": true,
                                  "collapsedParents": [
                                      "1063fb9b-43c4-46fe-a100-a56709226917"
                                  ]
                              },
                              "options": {
                                  "formBuilder": true
                              },
                              "uuid": "45b70847-15c1-4a11-8e7b-8a9f3c4c826e",
                              "parentUid": "form-tab-item",
                              "children": [
                                  {
                                      "type": "form-field",
                                      "uid": "form-select",
                                      "title": "Select",
                                      "translate": false,
                                      "status": {
                                          "collapsed": false,
                                          "collapsedParents": [
                                              "1063fb9b-43c4-46fe-a100-a56709226917"
                                          ]
                                      },
                                      "uuid": "8e3cea79-2f6a-4a04-8314-9d36e4fa5a31",
                                      "parentUid": "form-section",
                                      "children": []
                                  }
                              ]
                          },
                          {
                              "type": "form-container",
                              "uid": "form-section",
                              "title": "Field group",
                              "status": {
                                  "collapsed": true,
                                  "collapsedParents": [
                                      "1063fb9b-43c4-46fe-a100-a56709226917"
                                  ]
                              },
                              "options": {
                                  "formBuilder": true
                              },
                              "uuid": "9fd86bb2-4be3-4c31-850b-3db0edfe6c2c",
                              "parentUid": "form-tab-item",
                              "children": [
                                  {
                                      "type": "form-field",
                                      "uid": "form-select",
                                      "title": "Select",
                                      "translate": false,
                                      "status": {
                                          "collapsed": false,
                                          "collapsedParents": [
                                              "1063fb9b-43c4-46fe-a100-a56709226917"
                                          ]
                                      },
                                      "uuid": "82c0c7eb-5244-4b91-ac15-a90688de4f9f",
                                      "parentUid": "form-section",
                                      "children": []
                                  }
                              ]
                          },
                          {
                              "type": "form-container",
                              "uid": "form-section",
                              "title": "Field group",
                              "status": {
                                  "collapsed": true,
                                  "collapsedParents": [
                                      "1063fb9b-43c4-46fe-a100-a56709226917"
                                  ]
                              },
                              "options": {
                                  "formBuilder": true
                              },
                              "uuid": "2ab7cf11-e375-40b2-ba7e-bdd68dfcb0bc",
                              "parentUid": "form-tab-item",
                              "children": [
                                  {
                                      "type": "form-field",
                                      "uid": "form-colorpicker",
                                      "title": "Color picker",
                                      "status": {
                                          "collapsed": false,
                                          "collapsedParents": [
                                              "1063fb9b-43c4-46fe-a100-a56709226917"
                                          ]
                                      },
                                      "uuid": "28786f6b-d8ee-4276-8108-fdeae56a3526",
                                      "parentUid": "form-section",
                                      "children": []
                                  }
                              ]
                          },
                          {
                              "type": "form-container",
                              "uid": "form-section",
                              "title": "Field group",
                              "status": {
                                  "collapsed": true,
                                  "collapsedParents": [
                                      "1063fb9b-43c4-46fe-a100-a56709226917"
                                  ]
                              },
                              "options": {
                                  "formBuilder": true
                              },
                              "parentUid": "form-tab-item",
                              "uuid": "9c336954-35d3-4eac-b00b-5c317746e88c",
                              "children": [
                                  {
                                      "type": "form-field",
                                      "uid": "form-select",
                                      "title": "Select",
                                      "translate": false,
                                      "status": {
                                          "collapsed": false,
                                          "collapsedParents": [
                                              "1063fb9b-43c4-46fe-a100-a56709226917"
                                          ]
                                      },
                                      "uuid": "29be5336-3047-4349-a03d-f89e0a20b159",
                                      "parentUid": "form-section",
                                      "children": []
                                  }
                              ]
                          }
                      ]
                  },
                  {
                      "type": "form-container",
                      "uid": "form-tab-item",
                      "title": "Tab item",
                      "status": {
                          "collapsed": true,
                          "collapsedParents": []
                      },
                      "options": {
                          "formBuilder": true
                      },
                      "uuid": "61ed0fbf-0366-4c16-a16e-3ce15be4cc86",
                      "parentUid": "form-tab-container",
                      "children": [
                          {
                              "type": "form-help",
                              "uid": "form-helptext",
                              "title": "Help text",
                              "parentIndex": "form-help",
                              "status": {
                                  "collapsed": false,
                                  "collapsedParents": [
                                      "61ed0fbf-0366-4c16-a16e-3ce15be4cc86"
                                  ]
                              },
                              "uuid": "3d9e7b34-0a9f-471b-bc6a-725365e4eccf",
                              "parentUid": "form-tab-item",
                              "children": []
                          }
                      ]
                  }
              ]
          }
      ],
      "mapper": {
          "fb935e77-fdca-4096-9c3c-c32701f2d101": {
              "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
                                      }
                                  ]
                              }
                          ]
                      }
                  ],
                  "selectorType": "topLevel",
                  "form": null,
                  "items": []
              },
              "styles": {
                  "formDefinition": [
                      {
                          "formKey": "background",
                          "children": [
                              {
                                  "formKey": "background-color",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "background-color",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      }
                  ],
                  "selectorType": "topLevel",
                  "items": [],
                  "form": null
              }
          },
          "deab546d-ef1a-4bb7-8d8e-e2214cf045b2": {
              "settings": {
                  "selectorType": "topLevel",
                  "formDefinition": [
                      {
                          "formKey": "accordion-tabs-container-settings",
                          "children": [
                              {
                                  "formKey": "accordion-tabs-container-accordion-or-tab",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      },
                                      {
                                          "name": "ps"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "accordionOrTab",
                                          "active": true
                                      },
                                      {
                                          "name": "collapsible",
                                          "active": true
                                      }
                                  ]
                              },
                              {
                                  "formKey": "accordion-tabs-container-transition",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      },
                                      {
                                          "name": "ps"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "animation",
                                          "active": true
                                      },
                                      {
                                          "name": "duration",
                                          "active": true
                                      },
                                      {
                                          "name": "durationMs",
                                          "active": true
                                      }
                                  ]
                              },
                              {
                                  "formKey": "accordion-tabs-container-start-state",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "startCollapsed",
                                          "active": true
                                      },
                                      {
                                          "name": "active",
                                          "active": true
                                      }
                                  ]
                              },
                              {
                                  "formKey": "accordion-tabs-container-style",
                                  "breakpoints": [],
                                  "activeFields": [
                                      {
                                          "name": "customStyle",
                                          "active": true
                                      },
                                      {
                                          "name": "customStyle",
                                          "active": true
                                      },
                                      {
                                          "name": "customStyle",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "formKey": "accordion-tabs-container-accordion-accordion-settings",
                          "children": [
                              {
                                  "formKey": "accordion-tabs-container-behavior",
                                  "breakpoints": [],
                                  "activeFields": [
                                      {
                                          "name": "scrollToAccordion",
                                          "active": true
                                      },
                                      {
                                          "name": "setHash",
                                          "active": true
                                      }
                                  ]
                              },
                              {
                                  "formKey": "accordion-tabs-container-offset-scroll-position",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "offsetPositionAgainst",
                                          "active": true
                                      },
                                      {
                                          "name": "scrollToAccordionOffset",
                                          "active": true
                                      },
                                      {
                                          "name": "scrollToAccordionOffsetClass",
                                          "active": true
                                      }
                                  ]
                              }
                          ]
                      }
                  ],
                  "form": null
              },
              "styles": {
                  "items": [],
                  "formDefinition": [],
                  "selectorType": "topLevel",
                  "form": null
              }
          },
          "774ab3e9-e3c6-491c-b932-854c52976d94": {
              "settings": {
                  "topLevel": {
                      "formDefinition": [
                          {
                              "formKey": "component-drop-zone-placeholder-settings",
                              "children": [
                                  {
                                      "formKey": "component-drop-zone-placeholder-hide",
                                      "breakpoints": [],
                                      "activeFields": [
                                          {
                                              "name": "dropzoneHideSelector",
                                              "active": true
                                          }
                                      ]
                                  }
                              ]
                          }
                      ],
                      "selectorType": "topLevel",
                      "form": null
                  },
                  "dropzone": [],
                  "selectorType": "topLevel"
              }
          }
      },
      "model": {
          "fb935e77-fdca-4096-9c3c-c32701f2d101": {
              "settings": {
                  "title": "Container",
                  "width": "fluid",
                  "customStyle": [
                      {
                          "customStyle": "[field.29be5336-3047-4349-a03d-f89e0a20b159]"
                      }
                  ],
                  "settings": {
                      "width": "fluid",
                      "customStyle": [
                          {
                              "customStyle": ""
                          }
                      ]
                  }
              },
              "context-visibility": {
                  "contextVisibility": {
                      "condition": "ALL"
                  }
              },
              "styles": {
                  "settings": {
                      "element": "container"
                  },
                  "styles": {
                      "xl": {
                          "background-color": {
                              "value": "[field.28786f6b-d8ee-4276-8108-fdeae56a3526]"
                          }
                      }
                  }
              }
          },
          "deab546d-ef1a-4bb7-8d8e-e2214cf045b2": {
              "settings": {
                  "title": "Accordion tabs container",
                  "styles": {
                      "xl": {
                          "accordionOrTab": "tabs",
                          "collapsible": false,
                          "startCollapsed": false,
                          "offsetPositionAgainst": "px",
                          "active": 1,
                          "scrollToAccordionOffset": 100,
                          "animation": "fade",
                          "duration": 700
                      },
                      "sm": {},
                      "ps": {
                          "accordionOrTab": "accordion",
                          "collapsible": true,
                          "animation": "slide",
                          "duration": 700
                      }
                  },
                  "scrollToAccordion": false,
                  "setHash": true,
                  "customStyle": [
                      {
                          "customStyle": "[field.82c0c7eb-5244-4b91-ac15-a90688de4f9f]"
                      },
                      {
                          "customStyle": "[field.8e3cea79-2f6a-4a04-8314-9d36e4fa5a31]"
                      }
                  ]
              },
              "context-visibility": {
                  "contextVisibility": {
                      "condition": "ALL"
                  }
              },
              "styles": {
                  "settings": {
                      "element": "accordion-tabs-container"
                  },
                  "styles": {
                      "a683e181-6fc8-490c-914b-ff0e53d0a4f5": {
                          "styles": {
                              "xl": {
                                  "box-shadow": [
                                      {
                                          "boxshadowType": {
                                              "value": "null"
                                          }
                                      }
                                  ]
                              }
                          }
                      },
                      "875fa083-82d0-4881-94da-03fa13d1da38": {
                          "styles": {
                              "xl": {
                                  "box-shadow": [
                                      {
                                          "boxshadowType": {
                                              "value": "null"
                                          }
                                      }
                                  ]
                              }
                          }
                      },
                      "5b896fa3-3cbf-4380-ac90-e30206332638": {
                          "styles": {
                              "xl": {
                                  "box-shadow": [
                                      {
                                          "boxshadowType": {
                                              "value": "null"
                                          }
                                      }
                                  ]
                              }
                          }
                      },
                      "e9545565-b6a0-42df-8e58-3a608354bb97": {
                          "styles": {
                              "xl": {
                                  "box-shadow": [
                                      {
                                          "boxshadowType": {
                                              "value": "null"
                                          }
                                      }
                                  ]
                              }
                          }
                      },
                      "994ab124-4bca-4832-a287-8737308e8a0d": {
                          "styles": {
                              "xl": {
                                  "box-shadow": [
                                      {
                                          "boxshadowType": {
                                              "value": "null"
                                          }
                                      }
                                  ]
                              }
                          }
                      },
                      "738dda17-27d2-42f5-8734-e7f66e53fbe3": {
                          "styles": {
                              "xl": {
                                  "box-shadow": [
                                      {
                                          "boxshadowType": {
                                              "value": "null"
                                          }
                                      }
                                  ]
                              }
                          }
                      },
                      "c8ba9e66-440f-4acf-8487-0356362a2d60": {
                          "styles": {
                              "xl": {
                                  "box-shadow": [
                                      {
                                          "boxshadowType": {
                                              "value": "null"
                                          }
                                      }
                                  ]
                              }
                          }
                      },
                      "5614b1c8-fbf4-4fae-af3a-6ccc853e7c25": {
                          "styles": {
                              "xl": {
                                  "box-shadow": [
                                      {
                                          "boxshadowType": {
                                              "value": "null"
                                          }
                                      }
                                  ]
                              }
                          }
                      },
                      "23af754c-0a5e-404f-a0df-5a2cb271551f": {
                          "styles": {
                              "xl": {
                                  "box-shadow": [
                                      {
                                          "boxshadowType": {
                                              "value": "null"
                                          }
                                      }
                                  ]
                              }
                          }
                      },
                      "29b592eb-0e47-42e7-ad0e-0dec0a710256": {
                          "styles": {
                              "xl": {
                                  "box-shadow": [
                                      {
                                          "boxshadowType": {
                                              "value": "null"
                                          }
                                      }
                                  ]
                              }
                          }
                      },
                      "a338008b-64fe-4b0d-8494-ea2c54a74996": {
                          "styles": {
                              "xl": {
                                  "box-shadow": [
                                      {
                                          "boxshadowType": {
                                              "value": "null"
                                          }
                                      }
                                  ]
                              }
                          }
                      },
                      "55b50b9f-1c27-4d6d-be12-314eb4dbfab6": {
                          "styles": {
                              "xl": {
                                  "box-shadow": [
                                      {
                                          "boxshadowType": {
                                              "value": "null"
                                          }
                                      }
                                  ]
                              }
                          }
                      },
                      "c85e9403-eb37-435a-9384-6a5bd2038164": {
                          "styles": {
                              "xl": {
                                  "box-shadow": [
                                      {
                                          "boxshadowType": {
                                              "value": "null"
                                          }
                                      }
                                  ]
                              }
                          }
                      },
                      "7dedbea1-443d-4e8d-8c95-62960cf1f903": {
                          "styles": {
                              "xl": {
                                  "box-shadow": [
                                      {
                                          "boxshadowType": {
                                              "value": "null"
                                          }
                                      }
                                  ]
                              }
                          }
                      },
                      "0ed5f55c-1c46-4ed4-9074-bd890cb55cc8": {
                          "styles": {
                              "xl": {
                                  "box-shadow": [
                                      {
                                          "boxshadowType": {
                                              "value": "null"
                                          }
                                      }
                                  ]
                              }
                          }
                      }
                  }
              },
              "isVariableMode": false
          },
          "774ab3e9-e3c6-491c-b932-854c52976d94": {
              "settings": {
                  "dropzoneHideSelector": "",
                  "title": "Drop 'Tab item' components here."
              }
          },
          "9477ae74-b6d2-4af4-950d-bc562dd666c6": {
              "settings": {
                  "type": "cohTabContainer",
                  "title": "Tab container",
                  "responsiveMode": true
              }
          },
          "1063fb9b-43c4-46fe-a100-a56709226917": {
              "settings": {
                  "title": "Layout and style",
                  "type": "cohTabItem",
                  "breakpointIcon": ""
              },
              "contextVisibility": {
                  "condition": "ALL"
              }
          },
          "45b70847-15c1-4a11-8e7b-8a9f3c4c826e": {
              "settings": {
                  "title": "Tab position",
                  "type": "cohSection",
                  "hideRowHeading": 0,
                  "removePadding": 0,
                  "columnCount": "1",
                  "breakpointIcon": "",
                  "breakpoints": false,
                  "propertiesMenu": false,
                  "disableScrollbar": true,
                  "disableEllipsisMenu": true,
                  "isOpen": true
              },
              "contextVisibility": {
                  "condition": "ALL"
              }
          },
          "8e3cea79-2f6a-4a04-8314-9d36e4fa5a31": {
              "settings": {
                  "title": "Tab position",
                  "type": "cohSelect",
                  "selectType": "custom",
                  "schema": {
                      "type": "string"
                  },
                  "machineName": "horizontal-tab-position",
                  "tooltipPlacement": "auto right",
                  "options": [
                      {
                          "label": "Left aligned",
                          "value": "coh-accordion-tabs-horizontal-left"
                      },
                      {
                          "label": "Left aligned within boxed width of grid",
                          "value": "coh-accordion-tabs-horizontal-left-grid"
                      },
                      {
                          "label": "Center aligned",
                          "value": "coh-accordion-tabs-horizontal-center"
                      },
                      {
                          "label": "Right aligned",
                          "value": "coh-accordion-tabs-horizontal-right"
                      },
                      {
                          "label": "Right aligned within boxed width of grid",
                          "value": "coh-accordion-tabs-horizontal-right-grid"
                      },
                      {
                          "label": "Distributed equally",
                          "value": "coh-accordion-tabs-horizontal-justify"
                      },
                      {
                          "label": "Distributed equally within boxed width of grid",
                          "value": "coh-accordion-tabs-horizontal-justify-grid"
                      }
                  ]
              },
              "contextVisibility": {
                  "condition": "ALL"
              },
              "model": {
                  "value": "coh-accordion-tabs-horizontal-left"
              }
          },
          "9fd86bb2-4be3-4c31-850b-3db0edfe6c2c": {
              "settings": {
                  "title": "Tab navigation style",
                  "type": "cohSection",
                  "hideRowHeading": 0,
                  "removePadding": 0,
                  "columnCount": "1",
                  "breakpointIcon": "",
                  "breakpoints": false,
                  "propertiesMenu": false,
                  "disableScrollbar": true,
                  "disableEllipsisMenu": true,
                  "isOpen": true
              },
              "contextVisibility": {
                  "condition": "ALL"
              }
          },
          "82c0c7eb-5244-4b91-ac15-a90688de4f9f": {
              "settings": {
                  "title": "Navigation style",
                  "type": "cohSelect",
                  "selectType": "custom",
                  "schema": {
                      "type": "string"
                  },
                  "options": [
                      {
                          "label": "Dark text with key-line",
                          "value": "coh-style-accordion-tabs-keyline-dark-text"
                      },
                      {
                          "label": "Light text with key-line",
                          "value": "coh-style-accordion-tabs-keyline-light-text"
                      },
                      {
                          "label": "Solid (For any background)",
                          "value": "coh-style-accordion-tabs-solid"
                      }
                  ],
                  "machineName": "navigation-style",
                  "tooltipPlacement": "auto right"
              },
              "contextVisibility": {
                  "condition": "ALL"
              },
              "model": {
                  "value": "coh-style-accordion-tabs-keyline-dark-text"
              }
          },
          "2ab7cf11-e375-40b2-ba7e-bdd68dfcb0bc": {
              "settings": {
                  "title": "Color",
                  "type": "cohSection",
                  "hideRowHeading": 0,
                  "removePadding": 0,
                  "columnCount": "1",
                  "breakpointIcon": "",
                  "breakpoints": false,
                  "propertiesMenu": false,
                  "disableScrollbar": true,
                  "disableEllipsisMenu": true,
                  "isOpen": true
              },
              "contextVisibility": {
                  "condition": "ALL"
              }
          },
          "28786f6b-d8ee-4276-8108-fdeae56a3526": {
              "settings": {
                  "title": "Background color",
                  "type": "cohColourPickerOpener",
                  "colourPickerOptions": {
                      "flat": true,
                      "showOnly": ""
                  },
                  "schema": {
                      "type": "object"
                  },
                  "machineName": "background-color",
                  "restrictBy": "none",
                  "tooltipPlacement": "auto right"
              },
              "contextVisibility": {
                  "condition": "ALL"
              }
          },
          "9c336954-35d3-4eac-b00b-5c317746e88c": {
              "settings": {
                  "title": "Space below",
                  "type": "cohSection",
                  "hideRowHeading": 0,
                  "removePadding": 0,
                  "columnCount": "1",
                  "breakpointIcon": "",
                  "breakpoints": false,
                  "propertiesMenu": false,
                  "disableScrollbar": true,
                  "disableEllipsisMenu": true,
                  "isOpen": true
              },
              "contextVisibility": {
                  "condition": "ALL"
              }
          },
          "29be5336-3047-4349-a03d-f89e0a20b159": {
              "settings": {
                  "title": "Add space below",
                  "type": "cohSelect",
                  "selectType": "custom",
                  "schema": {
                      "type": "string"
                  },
                  "options": [
                      {
                          "label": "None",
                          "value": ""
                      },
                      {
                          "label": "Add space below",
                          "value": "coh-style-margin-bottom-small"
                      }
                  ],
                  "machineName": "add-space-below",
                  "tooltipPlacement": "auto right"
              },
              "contextVisibility": {
                  "condition": "ALL"
              },
              "model": {
                  "value": "coh-style-margin-bottom-small"
              }
          },
          "61ed0fbf-0366-4c16-a16e-3ce15be4cc86": {
              "settings": {
                  "title": "Help",
                  "type": "cohTabItem",
                  "breakpointIcon": ""
              },
              "contextVisibility": {
                  "condition": "ALL"
              }
          },
          "3d9e7b34-0a9f-471b-bc6a-725365e4eccf": {
              "settings": {
                  "title": "Help text",
                  "type": "cohHelpText",
                  "options": {
                      "helpText": "# Using the Horizontal tabs container component\n- Use the Horizontal tabs container to add a tabbed content area to a layout.\n- The horizontal tabs container will display the tabs in a horizontal row above the content.\n- Nest Tab item components directly within this Horizontal tabs container.\n- Add content to the Tab item components.\n\n# Tab position\n- **Tab position** - Select the desired tab alignment.\n\n# Tab navigation style\n- **Navigation style** - Select the style of the tab navigation links. Choose a style that's appropriate the background color of where the tabs are placed.\n\n# Color\n- **Background color** - Choose the background color of the tabs container.\n\nSpace below\n- **Add space below** - Add a space (margin) below the Horizontal tabs container. This is required if a space is desirable when adding this component above another component within the same parent layout component.",
                      "showClose": false,
                      "helpType": "help"
                  }
              },
              "contextVisibility": {
                  "condition": "ALL"
              },
              "model": {}
          }
      },
      "previewModel": {
          "1063fb9b-43c4-46fe-a100-a56709226917": {},
          "2ab7cf11-e375-40b2-ba7e-bdd68dfcb0bc": {},
          "28786f6b-d8ee-4276-8108-fdeae56a3526": {},
          "61ed0fbf-0366-4c16-a16e-3ce15be4cc86": {},
          "deab546d-ef1a-4bb7-8d8e-e2214cf045b2": {
              "settings": {
                  "customStyle": [
                      {
                          "customStyle": ""
                      },
                      {
                          "customStyle": ""
                      }
                  ]
              }
          },
          "3d9e7b34-0a9f-471b-bc6a-725365e4eccf": {},
          "9c336954-35d3-4eac-b00b-5c317746e88c": {},
          "29be5336-3047-4349-a03d-f89e0a20b159": {},
          "fb935e77-fdca-4096-9c3c-c32701f2d101": {
              "settings": {
                  "customStyle": [
                      {
                          "customStyle": ""
                      }
                  ]
              }
          },
          "9fd86bb2-4be3-4c31-850b-3db0edfe6c2c": {},
          "82c0c7eb-5244-4b91-ac15-a90688de4f9f": {},
          "45b70847-15c1-4a11-8e7b-8a9f3c4c826e": {},
          "8e3cea79-2f6a-4a04-8314-9d36e4fa5a31": {}
      },
      "variableFields": {
          "1063fb9b-43c4-46fe-a100-a56709226917": [],
          "2ab7cf11-e375-40b2-ba7e-bdd68dfcb0bc": [],
          "28786f6b-d8ee-4276-8108-fdeae56a3526": [],
          "61ed0fbf-0366-4c16-a16e-3ce15be4cc86": [],
          "deab546d-ef1a-4bb7-8d8e-e2214cf045b2": [
              "settings.customStyle.0.customStyle",
              "settings.customStyle.1.customStyle"
          ],
          "3d9e7b34-0a9f-471b-bc6a-725365e4eccf": [],
          "9c336954-35d3-4eac-b00b-5c317746e88c": [],
          "29be5336-3047-4349-a03d-f89e0a20b159": [],
          "fb935e77-fdca-4096-9c3c-c32701f2d101": [
              "styles.styles.xl.background-color.value",
              "settings.customStyle.0.customStyle"
          ],
          "9fd86bb2-4be3-4c31-850b-3db0edfe6c2c": [],
          "82c0c7eb-5244-4b91-ac15-a90688de4f9f": [],
          "45b70847-15c1-4a11-8e7b-8a9f3c4c826e": [],
          "8e3cea79-2f6a-4a04-8314-9d36e4fa5a31": []
      },
      "meta": {
          "fieldHistory": [
              {
                  "uuid": "8e3cea79-2f6a-4a04-8314-9d36e4fa5a31",
                  "type": "form-select",
                  "machineName": "horizontal-tab-position"
              },
              {
                  "uuid": "29be5336-3047-4349-a03d-f89e0a20b159",
                  "type": "form-select",
                  "machineName": "add-space-below"
              },
              {
                  "uuid": "28786f6b-d8ee-4276-8108-fdeae56a3526",
                  "type": "form-colorpicker",
                  "machineName": "background-color"
              },
              {
                  "uuid": "82c0c7eb-5244-4b91-ac15-a90688de4f9f",
                  "type": "form-select",
                  "machineName": "navigation-style"
              },
              {
                  "machineName": "navigation-style"
              }
          ]
      }
  }
json_mapper: '{}'
last_entity_update: entityupdate_0042
locked: false
modified: true
selectable: true
category: cpt_cat_tab_components
preview_image: 'public://element-preview-images/Tab container horizontal.png'
has_quick_edit: true
entity_type_access: {  }
bundle_access: {  }
twig_template: component--cohesion-cpt-tabs-container-horizontal-ta
weight: 43
