Foundation CSS is an open-source and responsive front-end framework created by ZURB in September 2011 that makes it simple to create stunning responsive websites, apps, and emails that operate on any device. Many companies, like Facebook, eBay, Mozilla, Adobe, and even Disney, use it. This framework is based on bootstrap, which is similar to SaaS. It’s more complex, versatile, and configurable. It also comes with a command-line interface, making it simple to use with module bundlers. Email framework provides you with responsive HTML emails, which can be read on any device. Foundation for Apps allows you to build fully responsive web applications.
The Close Button is used to provide an option to dismiss or close the component. It is a <button> element with the class .close-button. The multiplication symbol (×) is used as the graphical icon(X). This icon is declared inside the <span> element with the attribute aria-hidden=”true”. The aria-label attribute labeled with a button can be used to clarify for what the button’s purpose is.
Foundation CSS Close Button Class:
callout: It is used to create the callout to put any type of content.
close-button: This class is used to create a close button on the screen.
Please Login to comment...