Gravity
Search
⌃K

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
Last modified 2yr ago