Skip to main content

Form Button

This Component Library page shows the variatioins of Form Button component. 

Examples

Standard Configuration

Form Button component is currently in its standard configurations. By default, Primary styling is selected

    
    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    
  1. 
        sling:resourceType:
        advancedbionics/components/form/button
    
    2. 

    
    
    
    
  2. 
        cq:styleIds:
        1684244935556
    
    3. 



    
        

    





    

    


    JSON

Type: Button

Type is selected as Button.

    
    
    
    
    

    
    
    
    

    
    
    
    
  1. 
        type:
        button
    
    2. 

    
    
    
    

    
    
    
    
  2. 
        sling:resourceType:
        advancedbionics/components/form/button
    
    3. 

    
    
    
    
  3. 
        cq:styleIds:
        1684244935556
    
    4. 



    
        

    





    

    


    JSON

Custom Label

Author can add a custom label to any type of Form Button.

    
    
    
    
    

    
    
    
    
  1. 
        jcr:title:
        Reset
    
    2. 

    
    
    
    

    
    
    
    
  2. 
        type:
        button
    
    3. 

    
    
    
    

    
    
    
    
  3. 
        sling:resourceType:
        advancedbionics/components/form/button
    
    4. 

    
    
    
    
  4. 
        cq:styleIds:
        1684244935556
    
    5. 



    
        

    





    

    


    JSON

Secondary Submit Button

In this example, Secondary is the styling selected.

    
    
    
    
    

    
    
    
    

    
    
    
    
  1. 
        type:
        submit
    
    2. 

    
    
    
    

    
    
    
    
  2. 
        sling:resourceType:
        advancedbionics/components/form/button
    
    3. 

    
    
    
    
  3. 
        cq:styleIds:
        1684244940313
    
    4. 



    
        

    





    

    


    JSON

Built with Core Components 2.33.0.