Easy to Use, Beautiful & light weight Glass Alert Box
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Atque, inventore modi qui ducimus itaque, reiciendis earum eligendi quod, quidem odit aliquam culpa. Vero expedita delectus aut eveniet modi harum itaque porro illo.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
<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'
})