Widget Variations

There are 9 stylistic widget variations, these add a unique style variation to the widget: box1-5, title1-4; and 25 structural variations, these affect the layout and metrics of the widget.

Furthermore, you can also add FontAwesome icons into the center of the hex images for the title1-2 suffixes. Suffixes are in the icon-NAME format such as icon-star, as shown on the Typography page.

title1

An example widget using the title1 widget variation.

Lorem ipsum dolor sit amet, consecetur adipiscing elit. Donec sit amet nibh.

title2

An example widget using the title2 widget variation.

Lorem ipsum dolor sit amet, consecetur adipiscing elit. Donec sit amet nibh.

title3

An example widget using the title3 widget variation.

Lorem ipsum dolor sit amet, consecetur adipiscing elit. Donec sit amet nibh.

box1

An example widget using the box1 widget variation.

Lorem ipsum dolor sit amet, consecetur adipiscing elit. Donec sit amet nibh.

box3

An example widget using the box3 widget variation.

Lorem ipsum dolor sit amet, consecetur adipiscing elit. Donec sit amet nibh.

box5

An example widget using the box5 widget variation.

Lorem ipsum dolor sit amet, consecetur adipiscing elit. Donec sit amet nibh.

title1 icon-user

An example widget using the title1 icon-user widget variation.

Lorem ipsum dolor sit amet donec.

title2 icon-star

An example widget using the title2 icon-star widget variation.

Lorem ipsum dolor sit amet, consecetur adipiscing elit. Donec sit amet nibh.

title4

An example widget using the title4 widget variation.

Lorem ipsum dolor sit amet, consecetur adipiscing elit. Donec sit amet nibh.

box2

An example widget using the box2 widget variation.

Lorem ipsum dolor sit amet, consecetur adipiscing elit. Donec sit amet nibh.

box4

An example widget using the box4 widget variation.

Lorem ipsum dolor sit amet, consecetur adipiscing elit. Donec sit amet nibh.