@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.
35 lines (25 loc) • 1.63 kB
Markdown
# Separator
To implement Separator component into your project you'll need to add the import:
```jsx
import Separator from "@kiwicom/orbit-components/lib/Separator";
```
After adding import into your project you can use it simply like:
```jsx
<Separator />
```
## Props
Table below contains all types of the props available in the Separator component.
| Name | Type | Default | Description |
| :--------- | :-------------- | :------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| indent | [`enum`](#enum) | `"none"` | Amount of padding expressed as [spacing tokens](https://orbit.kiwi/foundation/spacing/) in the direction depending on the `align` prop. |
| align | [`enum`](#enum) | `"left"` | The direction of indentation. If `"center"` then it's indented from both sides. |
| spaceAfter | `enum` | | Additional `margin-bottom` after component. [See this docs](https://github.com/kiwicom/orbit/tree/master/packages/orbit-components/src/common/getSpacingToken) |
### enum
| indent | align |
| :---------- | :--------- |
| `"none"` | `"left"` |
| `"small"` | `"right"` |
| `"medium"` | `"center"` |
| `"large"` | |
| `"XLarge"` | |
| `"XXLarge"` | |