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
npm
bun
pnpm
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

Separator extends Stack views inheriting all the Tamagui standard props, plus:

Props

vertical

boolean

Shows the separator vertically.

Edit this page on GitHub.