Gravity
Search
K

List

An ordered or unordered list, or checklist.

Ordered & Unordered

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

Props

Props
Description
Required
Value
items
items in list
required
array of strings
ordered
show an ordered list
optional
boolean

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

Prop
Description
Required
Value
className
custom styles
optional
SCSS or Tailwind style
color
check icon color
optional
green or white (default)
hideCross
hide the cross icons
optional
boolean
interactive
show a pointer icon on hover
optional
boolean
items
the item to display
required
array
onClick
add to individual items as a callback
optional
function
Last modified 5mo ago