Skip to main content

List

Collection of related items.

This is a list of items

Use this component for consistent

Spacing and styling

<List>
<ListItem icon={{/* insert icon */}}>This is a list of items</ListItem>
<ListItem>Use this component for consistent</ListItem>
<ListItem>Spacing and styling</ListItem>
</List>

Props

Dense

This is a dense list

The space between items

And font size are smaller

<List dense>
<ListItem>This is a dense list</ListItem>
<ListItem>The space between items</ListItem>
<ListItem>And font size are smaller</ListItem>
</List>