Separator

A thin horizontal or vertical divider line.

SeparatorProps packages/core/src/controls.ts:134 ↗

Import

import { Separator } from "@tarve/core";

Usage

Separator.tsx

import { Column, Row, Separator, Text } from "@tarve/core";

<Column gap={12}>
  <Text>Account</Text>
  <Separator />
  <Row gap={12} style={{ height: 20 }}>
    <Text>Profile</Text>
    <Separator orientation="vertical" />
    <Text>Billing</Text>
  </Row>
</Column>

Props

Prop	Type	Default
`orientation`	`"horizontal" \| "vertical"`	`"horizontal"`

Common props

Shared by every component. See descriptions →

childrenhighlightidkeymotionFromonHighlightonPasteonTransitionEndrovingGroupstyle