LinkList

Groups related links, such as in a navigation menu.

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.

NameTypeDefaultDescription
childrenReact.NodeThe content of the LinkList
dataTeststringOptional prop for testing purposes.
idstringSet id for LinkList
directionenum"column"The size of the LinkList.
indentbooleanIndenting LinkList item
spacingspacing"medium"The spacing between LinkList children.
legacybooleanfalseIf true will use margin for spacing, if false will use gap

enum

direction
"row"
"column"

spacing

namesize on 992px - ∞
"none"null
"XXXSmall"2px
"XXSmall"4px
"XSmall"8px
"small"12px
"medium"16px
"large"24px
"XLarge"32px
"XXLarge"40px