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" |