Lowdefy
v3.17.2/container/Tabs/

Tabs

areas: [key]

Tabs to easily switch between different views. The key of each tabs is the area keys of the container and there is an extra content area.

extra
tab1
id: block_id
type: Tabs
properties:
  tabs:
    - key: tab1
      title: Tab 1
      icon: MenuOutlined
      disabled: false
    - key: tab2
      title: Tab 2
      disabled: false
      icon: null
    - key: tab3
      disabled: true
      title: Tab 3
      icon: null
  extraAreaKey: extra
properties:
Current TabPane's key.
Whether to change tabs with animation. Only works while tabPosition is top or bottom.
Initial active TabPane's key, if activeKey is not set.
Area key for the extra area blocks.
Size of the tabs.
Css style to apply to the tab bar.
Position of the tabs.
Type of tabs.
tabs:
  • Disable the tab if true.
    MenuOutlined
    Name of an Ant Design Icon or properties of an Icon block to customize icon to show in tab title.
    Area key of the tab.
    Title of the tab.
  • Disable the tab if true.
    Select item
    Name of an Ant Design Icon or properties of an Icon block to customize icon to show in tab title.
    Area key of the tab.
    Title of the tab.
  • Disable the tab if true.
    Select item
    Name of an Ant Design Icon or properties of an Icon block to customize icon to show in tab title.
    Area key of the tab.
    Title of the tab.

type: object
properties:
  events:
    properties:
      onChange:
        description: Trigger action on tab change.
        type: array
      onTabClick:
        description: Trigger action on tab click.
        type: array
      onTabScroll:
        description: Trigger action on tab scroll.
        type: array
    type: object
  properties:
    additionalProperties: false
    properties:
      activeKey:
        description: Current TabPane's key.
        type: string
      animated:
        default: true
        description: >-
          Whether to change tabs with animation. Only works while tabPosition is
          top or bottom.
        type: boolean
      defaultActiveKey:
        description: Initial active TabPane's key, if activeKey is not set.
        type: string
      extraAreaKey:
        description: Area key for the extra area blocks.
        type: string
      size:
        default: default
        description: Size of the tabs.
        enum:
          - default
          - small
          - large
        type: string
      tabBarStyle:
        description: Css style to apply to the tab bar.
        type: object
      tabPosition:
        default: top
        description: Position of the tabs.
        enum:
          - top
          - right
          - bottom
          - left
        type: string
      tabType:
        default: line
        description: Type of tabs.
        enum:
          - line
          - card
        type: string
      tabs:
        items:
          properties:
            disabled:
              default: false
              description: Disable the tab if true.
              type: boolean
            icon:
              description: >-
                Name of an Ant Design Icon or properties of an Icon block to
                customize icon to show in tab title.
              type:
                - string
                - object
            key:
              description: Area key of the tab.
              type: string
            title:
              description: Title of the tab.
              type: string
          required:
            - key
          type: object
        type: array
    type: object