Skip to content
Vy logo
Components

Lists

Lists are great for listing out things – either ordered or unordered.

Examples

A simple unordered list.

<List>
  <ListItem>
    First example
  </ListItem>
  <ListItem>
    Second example
  </ListItem>
  <ListItem>
    Third example
  </ListItem>
  <ListItem>
    Fourth example
  </ListItem>
</List>

A simple ordered list

<List as="ol">
  <ListItem>
    First example
  </ListItem>
  <ListItem>
    Second example
  </ListItem>
  <ListItem>
    Third example
  </ListItem>
  <ListItem>
    Fourth example
  </ListItem>
</List>