Table of Contentsv1

Component that renders a table of content to help navigate the page content.

Examples

Standard

Default table of contents without any configuration.

The default list type is bulleted, default start level is h1 and default stop level is h6.

               
               
    
    

    
                
                
  1. 
        sling:resourceType:
        core-components-examples/components/tableofcontents
    
    2. 

               
               


    
        

    
                
                


                 
                 

                  
                  
                 
                 



                
                


    

    


    JSON

List Type

Configuring the list type to numbered.

  1. Table of Contentsv1
    1. Technical Documentation
    2. Using Core Components
    3. Examples
      1. Standard
      2. List Type
      3. Start Level
      4. Stop Level
      5. ID
               
               
    
    

    
                
                
  1. 
        sling:resourceType:
        core-components-examples/components/tableofcontents
    
    2. 

    
                
                
  2. 
        listType:
        numbered
    
    3. 

               
               


    
        

    
                
                


                 
                 

                  
                  
    
                   
                   
  1. Table of Contentsv1
                    
                    
      
                     
    1. Technical Documentation
      2. 
                     
    2. Using Core Components
      3. 
                     
    3. Examples
                      
        
                       
      1. Standard
        2. 
                       
      2. List Type
        3. 
                       
      3. Start Level
        4. 
                       
      4. Stop Level
        5. 
                       
      5. ID
        6. 
                      
      4. 
                    
    2. 
                  
                  

                 
                 



                
                


    

    


    JSON

Start Level

Configuring the start level to h2.

  1. Technical Documentation
  2. Using Core Components
  3. Examples
    1. Standard
    2. List Type
    3. Start Level
    4. Stop Level
    5. ID
               
               
    
    

    
                
                
  1. 
        startLevel:
        h2
    
    2. 

    
                
                
  2. 
        sling:resourceType:
        core-components-examples/components/tableofcontents
    
    3. 

    
                
                
  3. 
        listType:
        numbered
    
    4. 

               
               


    
        

    
                
                


                 
                 

                  
                  
    
                   
                   
  1. Technical Documentation
    2. 
                   
                   
  2. Using Core Components
    3. 
                   
                   
  3. Examples
                    
                    
      
                     
    1. Standard
      2. 
                     
    2. List Type
      3. 
                     
    3. Start Level
      4. 
                     
    4. Stop Level
      5. 
                     
    5. ID
      6. 
                    
    4. 
                  
                  

                 
                 



                
                


    

    


    JSON

Stop Level

Configuring the stop level to h2.

  1. Technical Documentation
  2. Using Core Components
  3. Examples
               
               
    
    

    
                
                
  1. 
        startLevel:
        h2
    
    2. 

    
                
                
  2. 
        sling:resourceType:
        core-components-examples/components/tableofcontents
    
    3. 

    
                
                
  3. 
        listType:
        numbered
    
    4. 

    
                
                
  4. 
        stopLevel:
        h2
    
    5. 

               
               


    
        

    
                
                


                 
                 

                  
                  
    
                   
                   
  1. Technical Documentation
    2. 
                   
                   
  2. Using Core Components
    3. 
                   
                   
  3. Examples
    4. 
                  
                  

                 
                 



                
                


    

    


    JSON

ID

Configuring the id to sample-id.

  1. Technical Documentation
  2. Using Core Components
  3. Examples
               
               
    
    

    
                
                
  1. 
        startLevel:
        h2
    
    2. 

    
                
                
  2. 
        id:
        sample-id
    
    3. 

    
                
                
  3. 
        sling:resourceType:
        core-components-examples/components/tableofcontents
    
    4. 

    
                
                
  4. 
        listType:
        numbered
    
    5. 

    
                
                
  5. 
        stopLevel:
        h2
    
    6. 

               
               


    
        

    
                
                


                 
                 

                  
                  
    
                   
                   
  1. Technical Documentation
    2. 
                   
                   
  2. Using Core Components
    3. 
                   
                   
  3. Examples
    4. 
                  
                  

                 
                 



                
                


    

    


    JSON

Built with Core Components 2.27.0.