Image

Images are crucial for displaying visual information on an application. In order to only use the Image Component from Blaze UI in your project, copy and paste the below code in the head tag of your html document.

                            
                <link rel="stylesheet" href="https://blaze-ui.netlify.app/css/foundation.css" />
                <link rel="stylesheet" href="https://blaze-ui.netlify.app/components/image/image.css" />

Responsive Image

Responsive images can be used by applying the class name img-responsive. You can copy the html part from below code snippet.

                        
                            <div class="img-container">
                                <img src="/assets/rengoku.jpg" class="img-responsive">
                            </div>

Round Image

Round images can be used by applying the class name img-round. You can copy the html part from below code snippet.

                        
                            <div class="img-container">
                                <img src="/assets/rengoku.jpg" class="img-round">
                            </div>