List

An ordered or unordered list, or checklist.

Ordered & Unordered

<List ordered items={[
 'Coconut Milk',
 'Coffee',
 'Chocolate'
 ]}/>

Props

Check List

To create a checklist with check and/or cross icons:

<CheckList items={[
  { name: 'Coconut Milk', completed: true },
  { name: 'Coffee', completed: true },
  { name: 'Chocolate', completed: false }
]}/>

Props

Last updated