LinkList
To implement LinkList component into your project you’ll need to add the import:
import LinkList from "@kiwicom/orbit-components/lib/LinkList";
After adding import into your project you can use it simply like:
<LinkList direction="row"><TextLink type="secondary">Flights</TextLink><TextLink type="secondary">Flights</TextLink><TextLink type="secondary">Flights</TextLink><TextLink type="secondary">Flights</TextLink></LinkList>
Props
Table below contains all types of the props available in LinkList component.
| Name | Type | Default | Description |
|---|---|---|---|
| children | React.Node | The content of the LinkList | |
| dataTest | string | Optional prop for testing purposes. | |
| id | string | Set id for LinkList | |
| direction | enum | "column" | The size of the LinkList. |
| indent | boolean | Indenting LinkList item | |
| spacing | spacing | "400" | The spacing between LinkList children. |
| useMargin | boolean | false | If true will use margin for spacing, if false will use gap |
enum
| direction |
|---|
"row" |
"column" |
spacing
| name | size on 992px - ∞ |
|---|---|
"none" | |
"50" | |
"100" | |
"150" | |
"200" | |
"300" | |
"400" | |
"500" | |
"600" | |
"800" | |
"1000" | |
"1200" | |
"1600" |