wwwwwwwwwwwwwwwwwww

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.

  • Previous

    LinearGradient

    Next

    Square & Circle