UNPKG

@kiwicom/orbit-components

Version:

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.

52 lines (40 loc) 1.75 kB
# LinkList To implement LinkList component into your project you'll need to add the import: ```jsx import LinkList from "@kiwicom/orbit-components/lib/LinkList"; ``` After adding import into your project you can use it simply like: ```jsx <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`](#enum) | `"column"` | The size of the LinkList. | | indent | `boolean` | | Indenting LinkList item | | spacing | [`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` |