Background Decoration v4

A collection of SVG squared background decorations.

How to

The Background Decoration v4 component is a collection of abstract, squared background illustrations.

Make sure the z-index of the <figure> element containing the SVG decoration is lower than the one of the section content. 

The utility classes on the <svg> element are used to position the SVG decoration.

In some cases, the illustration color depends on the color applied to the SVG element. For the multi-color illustrations, the colors are specified on each SVG sub-element (e.g., <path> or <rect>).

The section dividers include two decorations: one placed at the bottom of the first section and a second one place at the top of the second section.

Categories

• Decorative Background

Bug report & feedback

Component Github page ↗