GitHub
wwwwwwwwwwwwwwwwwww

Separator

Create borders between components.

Tamagui

A cross-platform component library.

Blog

Docs

Source

Features

  • Supports horizontal and vertical orientation.

Installation

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

yarn add @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:

Props

  • vertical

    boolean

    Show vertical separator.

    • Previous

    LinearGradient

    Next

    Square & Circle

    Edit this page on GitHub.