List

• First item
• Second item
• Third item

---
import { Icon } from "@/components/ui/icon"
import { List, ListItem } from "@/components/ui/list"
---

<List class="w-full max-w-sm">
  <ListItem>
    <Icon name="check-circle" />
    First item
  </ListItem>
  <ListItem>
    <Icon name="check" />
    Second item
  </ListItem>
  <ListItem>
    <Icon name="check-circle-2" />
    Third item
  </ListItem>
</List>

Installation

To install the list component, run the following command:

npx shadcn@latest add @fulldev/list

Usage

import { List, ListItem } from "@/components/ui/list"

<List>
  <ListItem>Item 1</ListItem>
  <ListItem>Item 2</ListItem>
  <ListItem>Item 3</ListItem>
</List>