LinkList

Groups related links, such as in a navigation menu.

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>

Table below contains all types of the props available in LinkList component.

NameTypeDefaultDescription
childrenReact.NodeThe content of the LinkList
dataTeststringOptional prop for testing purposes.
directionenum"column"The size of the LinkList.
indentbooleanIndenting LinkList item
spacingspacing"medium"The spacing between LinkList children.
direction
"row"
"column"
namesize on 992px - ∞
"none"null
"XXXSmall"2px
"XXSmall"4px
"XSmall"8px
"small"12px
"medium"16px
"large"24px
"XLarge"32px
"XXLarge"40px