Separator

Import

import { Separator } from "@sparrowengg/twigs-react";

Usage

Result

Loading...

Live EditorOpen in playground

<Flex
  css={{
    height: "$5",
    alignItems: "center"
  }}
>
  <Text>Blog</Text>
  <Separator
    orientation="vertical"
    css={{
      margin: "0 $5",
      background: "$neutral400"
    }}
  />
  <Text>Docs</Text>
  <Separator
    orientation="vertical"
    css={{
      margin: "0 $5",
      background: "$neutral400"
    }}
  />
  <Text>Source</Text>
</Flex>

Props

Property	Description	Type	Default
orientation	Orientation of the separator	vertical horizontal	horizontal
decorative	Removes element from accessibility tree when true.	boolean	false