Glass Alert

Installation

Lorem ipsum dolor sit amet consectetur, adipisicing elit. A placeat provident alias vero sunt dicta mollitia qui ipsa quidem voluptate voluptatem rerum, laboriosam beatae, corrupti voluptatibus hic ad.


                    <script src="https://cdn.jsdelivr.net/gh/noumanqamar450/glass-alert@master/1.0.2/glass-alert-v-102.min.js"></script>


                    const glassBox = new GlassAlert();

                    

                    glassBox.run({

                     title: 'Glass Alert',

                     text: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit.',

                    })


                    const glassBox = new GlassAlert();

                    

                    glassBox.run({

                     title: 'Glass Alert',

                     text: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium exercitationem, laborum commodi natus
                     aliquam asperiores. Illum autem eius ad corporis tempore nostrum facilis officiis veniam accusantium, placeat dolores
                     aliquam asperiores. Illum autem eius ad corporis tempore nostrum facilis officiis veniam accusantium, placeat dolores
                     aliquam asperiores. Illum autem eius ad corporis tempore nostrum facilis officiis veniam accusantium, placeat dolores
                     dolorem animi!'

                    })


                    const glassBox = new GlassAlert();

                    

                    glassBox.run({

                     title: 'Glass Alert',

                     text: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit.',

                     img: 'https://media.giphy.com/media/jn24nXunS0CBWrHtFd/giphy.gif'

                    })


                    const glassBox = new GlassAlert();

                    

                    glassBox.run({

                     title: 'Glass Alert',

                     text: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit.',

                     img: 'https://media.giphy.com/media/jn24nXunS0CBWrHtFd/giphy.gif',

                     imgWidth: '120px',

                     imgHeight: '120px'

                    })


                    const glassBox = new GlassAlert();

                    

                    glassBox.run({

                     title: 'Glass Alert',

                     text: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit.',

                     img: 'https://media.giphy.com/media/jn24nXunS0CBWrHtFd/giphy.gif',

                     imgWidth: '120px',

                     imgHeight: '120px',

                     titleColor: '#ff0000',

                     contentColor: '#37306B'

                    })


                    //For Light Theme

                    const glassBox = new GlassAlert({ theme: 'light' });

                    

                    // For Dark Theme 

                    const glassBox = new GlassAlert({ theme: 'dark' });

                    

                    // For Custom Theme

                    const glassBox = new GlassAlert({ themeColor: '#ff0000', textColor: '#fff000' });

                    

                    glassBox.run({

                     title: 'Glass Alert',

                     text: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit.',

                     img: 'https://media.giphy.com/media/jn24nXunS0CBWrHtFd/giphy.gif',

                     imgWidth: '120px',

                     imgHeight: '120px',

                     titleColor: '#ff0000',

                     contentColor: '#37306B'

                    })

Demo

1. Light Theme Alert Box

2. Dark Theme Alert Box

3. Custom Theme Alert Box