List

View Chakra UI documentation
  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit
  • Assumenda, quia temporibus eveniet a libero incidunt suscipit
  • Quidem, ipsam illum quis sed voluptatum quae eum fugit earum
<Stack spacing="6">
    <UnorderedList>
        <ListItem>Lorem ipsum dolor sit amet</ListItem>
        <ListItem>Consectetur adipiscing elit</ListItem>
        <ListItem>Integer molestie lorem at massa</ListItem>
        <ListItem>Facilisis in pretium nisl aliquet</ListItem>
    </UnorderedList>
    <OrderedList>
        <ListItem>Lorem ipsum dolor sit amet</ListItem>
        <ListItem>Consectetur adipiscing elit</ListItem>
        <ListItem>Integer molestie lorem at massa</ListItem>
        <ListItem>Facilisis in pretium nisl aliquet</ListItem>
    </OrderedList>
    <List spacing="2">
        <ListItem>
            <ListIcon>
                <path d={mdiInformationOutline} />
            </ListIcon>
            Lorem ipsum dolor sit amet, consectetur adipisicing elit
        </ListItem>
        <ListItem>
            <ListIcon>
                <path d={mdiInformationOutline} />
            </ListIcon>
            Assumenda, quia temporibus eveniet a libero incidunt suscipit
        </ListItem>
        <ListItem>
            <ListIcon>
                <path d={mdiInformationOutline} />
            </ListIcon>
            Quidem, ipsam illum quis sed voluptatum quae eum fugit earum
        </ListItem>
    </List>
</Stack>