Separator

Create borders between components.

Features

Supports horizontal and vertical orientation.

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:

Props

vertical

boolean

Show vertical separator.

Edit this page on GitHub.

Forms

Panels

Organize

Content

Visual