List item

A small list item with an icon

Elements

The component is composed of multiple elements:

  • list__item the wrapper. Add a text style class to change the size of the icon and the text.
    • list__itemIcon An optional icon
    • a p element with the content
<div class="list__item">
  <!-- insert optional icon here -->
  <p>Data token</p>
</div>

Data token

Properties

Add classes to the wrapper class to change the style of the component.

bold

Change the weight of the text and the icon

class="list__item list__item--bold"

Bold