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