List

  • Coconut Milk
  • Coffee
  • Chocolate

Properties

  • ordered - boolean determines if list is un/ordered
  • items - array of string values
<List ordered={ false } items={[
 'Coconut Milk',
 'Coffee',
 'Chocolate'
 ]}/>

Check List

  • Coconut Milk
  • Coffee
  • Chocolate

Properties

  • items - array of objects containing name and completed boolean
<CheckList items={[
  { name: 'Coconut Milk', completed: true },
  { name: 'Coffee', completed: true },
  { name: 'Chocolate', completed: false }
]}/>