Skip to content

Tabs

Display the tabs with list as well list without tabs

* `tile`:`tabs`
* `title`
* `variant`: `display the tab in following variant fullWidth | scrollable | standard`
* `viewVariant`: `tab | table if provide table then doesn't show the tabs`
* `classes`:`classes for wikibutton,icon and table`
* `styles`: `styles for wikibutton,icon and table`
* `data`: `format like below example`
        *`title`: `show the tab title`
        *`body`: `data to be display in table as a list is array of array of object where following are attribute`
                *`value`: `display the value to be display`
                *`kind`: `display content based on kind icon | text | wiki `
                *`text`: `Actucal text to be display`
                *`styles`: `styles for each table cell`

Example

{
  "tile": "tabs",
  "variant": "standard",
  "viewVariant": "tab",
  "classes": {
    "tabs": "wemori-marupkTabs"
  },
  "data": [
    {
      "title": "Total",
      "body": [
        [
          {
            "value": "c71fefac-dac4-455b-a300-ab4d87c8354a",
            "kind": "wiki",
            "text": "Trees planted"
          },
          {
            "value": "{data.trees_total}k",
            "kind": "text",
            "styles": {
              "textAlign": "right"
            }
          }
        ],
        [
          {
            "value": "far wemori-shield",
            "kind": "icon"
          },
          {
            "value": "46b926f5-ceea-47c9-9d3b-de2427a6ebca",
            "kind": "wiki",
            "text": "Trees saved"
          },
          {
            "value": "{data.trees_saved_total} million",
            "kind": "text",
            "styles": {
              "textAlign": "right"
            }
          }
        ]
      ]
    }
  ]
}