Component description

The tabs component allows switching the display of components in the same part of the screen.

Example

Minimal JSON

{
  "type": "tabs",
  "values": [
    {
      "title": "",
      "values": []
    }
  ]
}
{
  "type": "tabs",
  "values": [
    {
      "title": "objectDetail_section_title_description",
      "values": [
        {
          "componentId": "business_domain#attribute#description",
          "type": "attributes",
          "values": [
            "core#description"
          ]
        }
      ]
    },
    {
      "title": "objectDetail_section_title_details",
      "values": [
        {
          "componentId": "business_domain#component#ownership_business",
          "value": "core#ownership_business",
          "type": "component"
        },
        {
          "componentId": "business_domain#component#labels_in_panel_generic",
          "value": "core_code_lists#labels_in_panel_generic",
          "type": "component"
        }
      ]
    }
  ]
}

Example taken from the core_business_glossary package.

Nested properties

PropertyDescriptionValuesMandatory
typetabsstringYes
valuesArray of tabs and their values (what components each tab includes).arrayYes
componentIdUnique ID of a component. If left empty, a random string will be generated. Primarily used in patch packages to define the component's position within the layout (template).stringNo
settingsAllows the definition of the max width of tabs."maxSizeInPx": ""No