List

Quick start

Here's a quick start guide to get started with the list component

Importing Component

import { List, ListItem } from "@hover-design/react";

Code Snippets and Examples

List Plain

<List>
  <ListItem>One</ListItem>
  <ListItem>Two</ListItem>
</List>

• One
• Two

List Horizontal

<List variant={"horizontal"}>
  <ListItem>One</ListItem>
  <ListItem>Two</ListItem>
</List>

• One
• Two

List StyleType

<List type={"square"}>
  <ListItem>One</ListItem>
  <ListItem>Two</ListItem>
</List>

Square

• One
• Two

Circle

• One
• Two

Number

• One
• Two

Custom Emoji

• One
• Two

Props Referece

Attributes	Values	Optional ?
variant	horizontal | vertical	Yes
type	square | circle | \1F44D | listStyleType	Yes
children	React.Children	Yes