Lowdefy
v3.23.3/container/Collapse/

Collapse

areas: [key]

A container with collapsible panels. The area keys are user defined, and should be listed under the panels property. Each panel also has a 'extra' content area, the key of which can be defined in the panels.$.extraKey property.

Panel 1
panel1Extra
panel1
id: block_id
type: Collapse
properties:
  panels:
    - key: panel1
      extraKey: panel1Extra
      title: Panel 1
      disabled: false
    - key: panel2
      title: Panel 2
      disabled: false
      extraKey: null
    - key: panel3
      disabled: true
      title: Panel 3
      extraKey: null
properties:
If true, only one panel is open at a time.
Current panel's key.
Toggles rendering of the border around the collapse block.
Initial active panel's key, if activeKey is not set.
Destroy inactive panel.
Select item
Name of an Ant Design Icon or properties of an Icon block for expand icon on the right of selector.
Set position of expand icon.
Force render for all panels.
panels:
  • false
    Disable the panel if true.
    Key for the extra area of the panel.
    Key of the panel.
    Title of the panel - supports html.
  • false
    Disable the panel if true.
    Key for the extra area of the panel.
    Key of the panel.
    Title of the panel - supports html.
  • false
    Disable the panel if true.
    Key for the extra area of the panel.
    Key of the panel.
    Title of the panel - supports html.

Show expand icon.
type: object
properties:
  events:
    additionalProperties: false
    properties:
      onChange:
        description: Trigger actions when collapse item is toggled.
        type: array
    type: object
  properties:
    additionalProperties: false
    properties:
      accordion:
        default: false
        description: If true, only one panel is open at a time.
        type: boolean
      activeKey:
        description: Current panel's key.
        type: string
      bordered:
        default: true
        description: Toggles rendering of the border around the collapse block.
        type: boolean
      defaultActiveKey:
        description: Initial active panel's key, if activeKey is not set.
        type: string
      destroyInactivePanel:
        default: false
        description: Destroy inactive panel.
        type: boolean
      expandIcon:
        description: >-
          Name of an Ant Design Icon or properties of an Icon block for expand
          icon on the right of selector.
        type:
          - string
          - object
      expandIconPosition:
        default: left
        description: Set position of expand icon.
        enum:
          - left
          - right
        type: string
      forceRender:
        default: 'false'
        description: Force render for all panels.
        type: boolean
      panels:
        items:
          properties:
            disabled:
              default: false
              description: Disable the panel if true.
              type: boolean
            extraKey:
              description: Key for the extra area of the panel.
              type: string
            key:
              description: Key of the panel.
              type: string
            title:
              description: Title of the panel - supports html.
              type: string
          type: object
        type: array
      showArrow:
        default: true
        description: Show expand icon.
        type: boolean
    type: object