Components
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>
Guidelines
Lists should be used when there are several times in a row.
Code
<List />
import { List } from "@vygruppen/spor-react";
Props
Name | Type | Required? | Description |
|---|---|---|---|
children | React.ReactNode | A list of items | |
as | string | "ul" (unordered) or "ol" (ordered) | |
variant | string | plain or marker |
<ListItem />
import { ListItem } from "@vygruppen/spor-react";
Can be used in both OrderedList and UnorderedList
Props
Name | Type | Required? | Description |
|---|---|---|---|
children | React.ReactNode |