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.

Technical Documentation

GitHub

Examples

Standard

Accordion with two panels representing a simple Contact Us Form

Accordion

This is a short description.

This is a long description.

Describe your request in detail *

Name *

Email *

Phone Number *

Address (Optional)

Properties
Markup
JSON


    

    
        wrapData:
        false
    

    
        jcr:title:
        Accordion
    

    
        description:
        <p>This is a long description.</p>

    

    
        enabled:
        true
    

    

    
        tooltip:
        <p>This is a short description.</p>

    

    
        name:
        accordion
    

    
        visible:
        true
    

    

    
        sling:resourceType:
        forms-components-examples/components/form/accordion
    

    
        fieldType:
        panel
    

    
        tooltipVisible:
        true
    

    
        textIsRich:
        true,true

    
        

    


    
      
  Accordion

      
  

    
    
  
    This is a short description.

  

    
    
      This is a long description.

    


    
        
            
          
        
        


    
    
    
    
        
          
  

          
  

        
        
  

        
    

        
        



    
      
  Reason *

      
  

    
    
    
  

    
    

    
    







    
      
  Describe your request in detail *

      
  

    
    
    
    
  

    
    

    
    




        
    




    

        
            
          
        
        


    
    
    
    
        
          
  

          
  

        
        
  

        
    

        
        



    
      
  Name *

      
  

    
    
    
    
  

    
    

    
    







    
      
  Email *

      
  

    
    
    
  

    
    

    
    







    
      
  Phone Number *

      
  

    
    
    
  

    
    

    
    







    
      
  Address (Optional)


    JSON

Core Structure

Core Content

Core Form

Commerce

Forms And Communications Portal

Adaptive Forms

Accordion v1

Technical Documentation

Examples

Standard

Accordion _v1