Widget Examples

Thumbnail image of Rachel Bauer
Rachel Bauer
July 18, 2017 (Last Updated: ) | Reading Time: About 1 minute

MDI Icons

The format for an MDI icon is: name, size in px, color in CSS var. To see the CSS var's go to our website in Chrome, press F12, and scroll to the bottom of the inspector.


HoverButtons cannot have a space between them. Be sure to wrap HoverButtons in a div specifying the number of columns, like this:


A ShowCase is done with the blockquote tag and a special ShowCase tag listing the background color.


You can put almost anything in a ShowCase. Even lingerie


A BreakOut is like a ShowCase, but instead of being an informational bubble, it breaks out of the content to full screen width.


You can also put stuff in a BreakOut.


This article has a lightbox in it.

Does it work?

More from Efundies