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 "natural" The spacing between LinkList children.

enum

direction
"row"
"column"

spacing

name size on 0 - 991px size on 992px - ∞
"none" null null
"extraTight" 2px 2px
"tight" 4px 4px
"condensed" 8px 8px
"compact" 12px 12px
"natural" 16px 16px
"comfy" 20px 24px
"loose" 28px 32px
"extraLoose" 36px 40px