This page shows you how to use the popup component to build a "had to homescreen" popup.
The popup will automatically disapear after 7.5s.
If you check "don't show anymore" the popup won't appear the next time you'll load the page. You can make it appear again by clicking on the "clear local storage" button below.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vitae enim non sapien rutrum posuere. Phasellus vitae hendrerit ipsum. Proin ullamcorper diam eu elit pellentesque ut pulvinar enim fringilla. Duis ut tellus libero. Curabitur molestie varius orci, in convallis ipsum sodales sed. Fusce ipsum nisl, ornare ut aliquet et, consequat sit amet metus. Aliquam feugiat tristique magna, id egestas felis laoreet quis. Aliquam erat volutpat. Donec rhoncus vehicula vehicula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque dictum convallis lorem at scelerisque. Phasellus vulputate elementum elit, nec pellentesque lacus pharetra sed. Donec ultrices risus eget diam pretium eu tincidunt est iaculis. Curabitur pharetra gravida ultrices.
Fusce pretium imperdiet lorem non tincidunt. Fusce suscipit sapien id nisi mattis vitae blandit orci fermentum. Suspendisse dignissim pretium dui vel mollis. Morbi elit nisi, sollicitudin nec adipiscing sit amet, dapibus vitae enim. Donec mollis massa sed nisi malesuada nec interdum justo condimentum. Suspendisse potenti. Vestibulum ut orci enim. Maecenas vel porta sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis velit nisl, tincidunt sed egestas ac, faucibus vel magna. Aenean tempus elit ac nulla tempus tristique.
In vitae iaculis nunc. Phasellus nunc ipsum, eleifend non semper a, rhoncus id enim. Duis ultrices tellus vel tortor eleifend at eleifend augue tincidunt. Aenean urna felis, hendrerit non rutrum eu, tincidunt eget dolor. Aenean pellentesque felis eget purus pellentesque et congue velit auctor. Nullam imperdiet facilisis nisl eget semper. In hac habitasse platea dictumst. Maecenas tristique dictum placerat. In hac habitasse platea dictumst. Integer dolor quam, adipiscing hendrerit volutpat ac, iaculis ac arcu. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque dolor lorem, aliquam tincidunt blandit vitae, ullamcorper quis augue. Sed arcu nunc, euismod id malesuada non, feugiat in augue. Sed posuere fringilla sem.
In quam erat, iaculis quis malesuada ut, euismod quis est. Quisque id pulvinar massa. Maecenas sed sapien vel massa tincidunt laoreet. Nulla purus ligula, consequat nec condimentum id, bibendum eu dui. Quisque hendrerit vulputate dolor a ullamcorper. Donec scelerisque est sed est posuere facilisis. Suspendisse potenti. Pellentesque consequat rhoncus ultricies. Fusce dapibus vestibulum enim non hendrerit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis dui nisi, malesuada nec porta a, ullamcorper ac ligula. Nam semper posuere bibendum.
Nullam sed lorem nec nisl iaculis euismod. Donec at nulla turpis, at dictum augue. Ut sit amet orci nec erat volutpat pellentesque cursus id eros. Maecenas ligula lorem, tincidunt a facilisis et, lobortis placerat magna. Integer massa massa, consectetur ac placerat laoreet, semper non diam. Integer libero nunc, imperdiet eget posuere quis, aliquam non dolor. Sed condimentum scelerisque augue, quis sodales ipsum egestas et. In tincidunt dui quis ligula ullamcorper ultricies lobortis lectus euismod. Integer fringilla hendrerit odio quis faucibus. Ut vitae nisl id massa pretium tempor. Fusce sit amet posuere quam. Sed a rutrum nisl. Aliquam placerat, nunc quis consequat ornare, purus lorem adipiscing nunc, eu ornare tortor sem ut enim. Sed tincidunt adipiscing nulla, in porttitor ipsum gravida sit amet. Praesent quis imperdiet massa. Nam sed quam eu ligula ullamcorper varius ac nec quam. Phasellus tristique, enim vel eleifend iaculis, purus nisl sagittis lacus, ut aliquet odio neque vitae arcu. Fusce aliquam hendrerit gravida. Maecenas aliquam ante in leo accumsan suscipit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vitae enim non sapien rutrum posuere. Phasellus vitae hendrerit ipsum. Proin ullamcorper diam eu elit pellentesque ut pulvinar enim fringilla. Duis ut tellus libero. Curabitur molestie varius orci, in convallis ipsum sodales sed. Fusce ipsum nisl, ornare ut aliquet et, consequat sit amet metus. Aliquam feugiat tristique magna, id egestas felis laoreet quis. Aliquam erat volutpat. Donec rhoncus vehicula vehicula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque dictum convallis lorem at scelerisque. Phasellus vulputate elementum elit, nec pellentesque lacus pharetra sed. Donec ultrices risus eget diam pretium eu tincidunt est iaculis. Curabitur pharetra gravida ultrices.
Fusce pretium imperdiet lorem non tincidunt. Fusce suscipit sapien id nisi mattis vitae blandit orci fermentum. Suspendisse dignissim pretium dui vel mollis. Morbi elit nisi, sollicitudin nec adipiscing sit amet, dapibus vitae enim. Donec mollis massa sed nisi malesuada nec interdum justo condimentum. Suspendisse potenti. Vestibulum ut orci enim. Maecenas vel porta sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis velit nisl, tincidunt sed egestas ac, faucibus vel magna. Aenean tempus elit ac nulla tempus tristique.
In vitae iaculis nunc. Phasellus nunc ipsum, eleifend non semper a, rhoncus id enim. Duis ultrices tellus vel tortor eleifend at eleifend augue tincidunt. Aenean urna felis, hendrerit non rutrum eu, tincidunt eget dolor. Aenean pellentesque felis eget purus pellentesque et congue velit auctor. Nullam imperdiet facilisis nisl eget semper. In hac habitasse platea dictumst. Maecenas tristique dictum placerat. In hac habitasse platea dictumst. Integer dolor quam, adipiscing hendrerit volutpat ac, iaculis ac arcu. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque dolor lorem, aliquam tincidunt blandit vitae, ullamcorper quis augue. Sed arcu nunc, euismod id malesuada non, feugiat in augue. Sed posuere fringilla sem.
In quam erat, iaculis quis malesuada ut, euismod quis est. Quisque id pulvinar massa. Maecenas sed sapien vel massa tincidunt laoreet. Nulla purus ligula, consequat nec condimentum id, bibendum eu dui. Quisque hendrerit vulputate dolor a ullamcorper. Donec scelerisque est sed est posuere facilisis. Suspendisse potenti. Pellentesque consequat rhoncus ultricies. Fusce dapibus vestibulum enim non hendrerit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis dui nisi, malesuada nec porta a, ullamcorper ac ligula. Nam semper posuere bibendum.
Nullam sed lorem nec nisl iaculis euismod. Donec at nulla turpis, at dictum augue. Ut sit amet orci nec erat volutpat pellentesque cursus id eros. Maecenas ligula lorem, tincidunt a facilisis et, lobortis placerat magna. Integer massa massa, consectetur ac placerat laoreet, semper non diam. Integer libero nunc, imperdiet eget posuere quis, aliquam non dolor. Sed condimentum scelerisque augue, quis sodales ipsum egestas et. In tincidunt dui quis ligula ullamcorper ultricies lobortis lectus euismod. Integer fringilla hendrerit odio quis faucibus. Ut vitae nisl id massa pretium tempor. Fusce sit amet posuere quam. Sed a rutrum nisl. Aliquam placerat, nunc quis consequat ornare, purus lorem adipiscing nunc, eu ornare tortor sem ut enim. Sed tincidunt adipiscing nulla, in porttitor ipsum gravida sit amet. Praesent quis imperdiet massa. Nam sed quam eu ligula ullamcorper varius ac nec quam. Phasellus tristique, enim vel eleifend iaculis, purus nisl sagittis lacus, ut aliquet odio neque vitae arcu. Fusce aliquam hendrerit gravida. Maecenas aliquam ante in leo accumsan suscipit.