Basic Image

Short Description:

The Basic Image is a simple image component with no text or other visual elements. It can be used responsively on our website. 

Marketing purpose:

Inserting images for visual effects.
 

Image Aspect Ratio

The image component has the aspect-ratio functionality with which you can choose the different ratios according to the design specifications.

images aspect ratio

Grid

The image is a very straightforward component. If you want to achive a group of two or more images, you can use the container component and choose the margin between the images by selecting the auto gap style.

 

Image Container Gap
Component Design

AOS (live)

Component Design

Example 

    
    

    
  1. 
        layout:
        responsiveGrid
    
    2. 

    
  2. 
        sling:resourceType:
        aida-component-library/core/components/container/container
    
    3. 

    
  3. 
        cq:styleIds:
        ,,1640174374131,1643023979594,,
    
    4. 



    
        

    


    
    

        




    
    



    
        
    
    
    



    







    
        
    
    
    



    







    
        
    
    
    



    




    



        
    


    



    

    


    JSON

Built with Core Components 2.27.0.