List

Create an ordered, unordered or checklist.
Ordered & Unordered
<List ordered items={[
 'Coconut Milk',
 'Coffee',
 'Chocolate'
 ]}/>
Props
props
description
value
ordered
determines if list is ordered or unordered
true or false
items
items in list
string array
interactive
use when using clickable li elements with onClick
true or false
circles
render circles with checks for completed steps
true or false
Check List
<CheckList items={[
  { name: 'Coconut Milk', completed: true },
  { name: 'Coffee', completed: true },
  { name: 'Chocolate', completed: false }
]}/>
Props
prop
description
value
items
items in the list, with name and completed and onClick keys
array of objects

Link

Loader

Last modified 2yr ago

props	description	value
ordered	determines if list is ordered or unordered	true or false
items	items in list	string array
interactive	use when using clickable li elements with onClick	true or false
circles	render circles with checks for completed steps	true or false

prop	description	value
items	items in the list, with name and completed and onClick keys	array of objects