Accordion v1

Accordion Core Component allows users to create expandable and collapsable sections in an Adaptive Form. It is often used to organize and simplify long or complex forms by breaking them up into smaller, more manageable sections. Each section of an accordion is typically represented by a header, which the user can click to expand or collapse the corresponding content. The content can be any Core Component.

Examples

Standard

Accordion with two panels representing a simple Contact Us Form

This is a short description.

This is a long description.

  1. wrapData: false
  2. jcr:title: Accordion
  3. description: <p>This is a long description.</p>
  4. enabled: true
  5. tooltip: <p>This is a short description.</p>
  6. name: accordion
  7. visible: true
  8. sling:resourceType: forms-components-examples/components/form/accordion
  9. fieldType: panel
  10. tooltipVisible: true
  11. textIsRich: true,true
    
        

    

This is a short description.

This is a long description.