# Relevant Cardscript iconTabSet

Cardscript

TabSet allows to display content through various tabs.

# Example

{
  "type": "AdaptiveCard",
  "body": [
    {
      "id": "tabSet",
      "type": "TabSet",
      "spacing": "large",
      "tabs": [
        {
          "type": "Tab",
          "title": "Tab 1",
          "items": [
            {
              "type": "TextBlock",
              "text": "Tab 1 Content"
            }
          ]
        },
        {
          "type": "Tab",
          "title": "Tab 2",
          "items": [
            {
              "type": "TextBlock",
              "text": "Tab 2 Content"
            }
          ]
        }
      ]
    }
  ],
  "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
  "version": "1.0"
}

# Required properties

# type

Must be "TabSet".

  • Type: string
  • Values:
    • TabSet

# id

A unique identifier associated with the element.

  • Type: string

# Optional properties

# tabs

The array of Tabs to divide content.

  • Type: array

# spacing

Controls the amount of spacing between this element and the preceding element.

  • Type: string
  • Values:
    • none
    • small
    • default
    • medium
    • large
    • extraLarge
    • padding

# separator

When true, draw a separating line at the top of the element.

  • Type: boolean

# JSON Schema

{
  "additionalProperties": true,
  "type": "TabSet",
  "description": "TabSet allows to display content through various tabs.",
  "allOf": [
    {
      "$ref": "#/definitions/CardElement"
    }
  ],
  "properties": {
    "type": {
      "type": "string",
      "description": "Must be `\"TabSet\"`.",
      "enum": [
        "TabSet"
      ]
    },
    "id": {
      "type": "string",
      "description": "A unique identifier associated with the element."
    },
    "tabs": {
      "type": "array",
      "description": "The array of `Tabs` to divide content.",
      "items": {
        "$ref": "#/definitions/Tab"
      }
    }
  },
  "required": [
    "id"
  ],
  "typeSafe": "tab-set",
  "example": "FIXME!",
  "propertySummary": [
    {
      "name": "type",
      "type": "string",
      "required": "Optional",
      "text": "Must be `\"TabSet\"`."
    },
    {
      "name": "id",
      "type": "string",
      "required": "Required",
      "text": "A unique identifier associated with the element."
    },
    {
      "name": "tabs",
      "type": "array",
      "required": "Optional",
      "text": "The array of `Tabs` to divide content."
    }
  ]
}
Last Updated: 9/10/2023, 11:30:14 AM