Separator

<Highlights features={[Supports horizontal and vertical orientation.]} />

Installation

Separator is already installed in tamagui, or you can install it independently:

npm install @tamagui/separator

Usage

Separator uses the borderWidth and borderColor attribute for its style, so be sure to override those when extending it.

export default () => (
  <XStack alignItems="center">
    <Paragraph>Blog</Paragraph>
    <Separator alignSelf="stretch" vertical />
    <Paragraph>Docs</Paragraph>
    <Separator alignSelf="stretch" vertical />
    <Paragraph>Source</Paragraph>
  </XStack>
)

API Reference

Separator props

Separators extend Stack views inheriting all the Tamagui standard props, plus:

<PropsTable data={[ { name: 'vertical', required: false, type: 'boolean', description: Show vertical separator., }, ]} />