ListItem

Child of the List component.

Figma componentStorybook documentation

List item

React

<ListItem>List item</ListItem>

CSS

<p class="list_item">List item</p>

Props

Icon

With icon

With with icon

React

<ListItem icon={{/* insert icon */}}>With icon</ListItem>
<ListItem icon={{/* insert icon */}} bold>With with icon</ListItem>

CSS

<p class="list_item">
  <!-- insert icon -->
  With icon
</p>
<p class="list_item list_item-bold">
  <!-- insert icon -->
  Bold with icon
</p>

Bold

Bold

React

<ListItem bold>Bold</ListItem>

CSS

<p class="list_item list_item-bold">Bold</p>