Developer mode
Opens components on the React tab by default.
Your bookmarks

LinkList / React

Also known as navigation, footer, menu

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>

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.
direction enum "column" The size of the LinkList.
indent boolean Indenting LinkList item
spacing spacing "medium" The spacing between LinkList children.

enum

direction
"row"
"column"

spacing

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