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

    Edit this page on GitHub.