Separator

To implement the Separator component into your project you’ll need to add the import:

import Separator from "@kiwicom/orbit-components/lib/Separator";

After adding import to your project you can use it simply like:

<Separator />

Props

The table below contains all types of props available in the Separator component.

NameTypeDefaultDescription
indentenum"none"Amount of padding expressed as spacing tokens in the direction depending on the align prop.
alignenum"left"The direction of indentation. If "center" then it’s indented from both sides.
spaceAfterenumAdditional margin-bottom after component. See this docs
dataTeststringOptional prop for testing purposes.
typeenum"none"The type of the separator.
colorstringThe color of the separator.

enum

indentaligntype
"none""left""solid"
"small""right""dashed"
"medium""center""dotted"
"large""double"
"XLarge""none"
"XXLarge"