New web

Web pattern library, style and technical reference

Content Components

Icon List

This style can be applied using the Icon List paint layout (asset #373480). Create a folder containing standard pages, the asset name will be used for the heading, and the asset contents will be displayed below. The icon can be specified in the UON.Icon metadata field.

Setup

Asset type Folder containing standard page assets
Paint layout #373480 - Icon List

Example

Icon list row

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Icon list row

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Code example

<div class="icon-list-row">
  <span class="i8 icons8-search"></span>
  <h2>Icon list row</h2>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit…</p>
</div>