{
  "groups": [],
  "elements": [
    {
      "key": "tabs",
      "name": "Tabs",
      "description": "Wrapper for the menu and content elements.",
      "allowedTypes": [
        "Block"
      ],
      "settings": [
        {
          "key": "querytabs",
          "name": "URL to tabs",
          "description": "Enable opening a specific tab via URL. Use \"?tab-1\" for single instance, or \"?instance1=tab-1&instance2=tab-2\" for multiple. Add custom names with \"fs-tabs-element=\"name\"\" on text elements within tab menu items.",
          "type": "boolean"
        },
        {
          "key": "activeclasscontent",
          "name": "Active class",
          "description": "When a tab item in the content is active, the specified class will be added to this element. This can be placed on the menu element, the content element, or any element nested inside either element. For example, this can be placed on the text element nested inside the menu element.",
          "type": "text"
        },
        {
          "key": "activeclassmenu",
          "name": "Active class",
          "description": "When a tab item in the menu is active, the specified class will be added to this element. This can be placed on the menu element, the content element, or any element nested inside either element. For example, this can be placed on the text element nested inside the menu element.",
          "type": "text"
        },
        {
          "key": "timer",
          "name": "Automatic timer duration",
          "description": "Sets auto-switch interval for tabs in ms. Example: 3000 = every 3s.",
          "type": "text"
        },
        {
          "key": "name",
          "name": "Tab name",
          "description": "Custom name for each tab by placing an name attribute on a Text Element nested in the item of the fs-tabs-element = menu element. If a user adds fs-tabs-name = green to a Text Element inside the menu, https://website.com/careers#tabs-section?green will open that tab immediately upload load.",
          "type": "text"
        },
        {
          "key": "timerstart",
          "values": {
            "scrollintoview": "scroll-into-view",
            "load": "load",
            "click": "click"
          },
          "name": "Starts on",
          "description": "Defines timer start condition. Default is load.",
          "type": "select"
        },
        {
          "key": "timerstopclick",
          "name": "Stop timer on click",
          "description": "Timer stops on click by default. Set to false to keep it running.",
          "type": "boolean"
        },
        {
          "key": "triggertype",
          "values": {
            "click": "click",
            "hover": "hover"
          },
          "name": "Trigger type",
          "description": "Sets how tabs are triggered: click (default) or hover",
          "type": "select"
        }
      ]
    },
    {
      "key": "menu",
      "name": "Menu",
      "description": "Collection list element that contains the tab menu items. This is placed on the list wrapper or list element. Clicking on the menu item triggers corresponding item in the content list to show.",
      "allowedTypes": [
        "Block"
      ],
      "settings": []
    },
    {
      "key": "content",
      "name": "Content",
      "description": "Collection list element that contains the tab content items.",
      "allowedTypes": [
        "Block"
      ],
      "settings": []
    },
    {
      "key": "scroll-anchor",
      "name": "Scroll anchor",
      "description": "On tab change, anchor scroll to [this] element. This is useful for building a full page as a tab component. On each tab change, we can anchor scroll the user to the top of the page.",
      "allowedTypes": [
        "Block"
      ],
      "settings": []
    },
    {
      "key": "omit",
      "name": "Omit",
      "description": "For Static setups, we may need to omit one of the items. For example, if we used Finsweet Tabs to created a fixed left sidebar, we may want to add category titles to the tab items. In this case we can \"omit\" or \"ignore\" any specific item inside a list. This can be placed on an item element inside the \"menu\" or \"content\".",
      "allowedTypes": [
        "Block"
      ],
      "settings": []
    },
    {
      "key": "name",
      "name": "Name",
      "description": "For Static setups, we may need to omit one of the items. For example, if we used Finsweet Tabs to created a fixed left sidebar, we may want to add category titles to the tab items. In this case we can \"omit\" or \"ignore\" any specific item inside a list. This can be placed on an item element inside the \"menu\" or \"content\".",
      "allowedTypes": [
        "Block"
      ],
      "settings": []
    },
    {
      "key": "timer-interaction",
      "name": "Timer interaction",
      "description": "When set, this element will be programmatically clicked. This will allow a user to set a Webflow Interaction to match the timer.",
      "allowedTypes": [
        "Block"
      ],
      "settings": []
    }
  ]
}