TabWidget

Description

The TabWidget provides a elegant way to display multiple “pages“ of related content within the same DSL view and an alternative to page actions or buttons.

Attributes

alignment: String - Determines the horizontal position of the tabs. Can be one of left, center, right

direction: String - Determines orientation of the tabs. Can be one of horizontal or vertical

stacked: Boolean - Used to display the icon for each tab above the label of the tab instead of before the label

activeTab: Number - Used to identify the current active tab

items: JSON Array - The actual tab items. Each item consists of id, icon and label

id: Number - The ID of the Tab

icon: String || Null - Icon name as determined from https://pictogrammers.com/library/mdi/

label: String - The tab label

A complete example of the JSON:

{
  "alignment": "left",
  "direction": "horizontal",
  "stacked": false,
  "activeTab": 1,
  "items": [
    {
      "id": 1,
      "label": "Tab 1",
      "icon": "home"
    },
    {
      "id": 2,
      "label": "Tab 2",
      "icon": null
    }
  ]
}