Tally UI
Primitives

Separator

A visual or semantic divider between content sections.

Import

import { Separator } from '@tallyui/primitives';

Usage

<Separator.Root orientation="horizontal" />

Components

Separator.Root

Renders a view element with the appropriate separator role.

PropTypeDefaultDescription
orientation'horizontal' | 'vertical''horizontal'Direction of the separator
decorativebooleanfalseWhen true, removes the separator from the accessibility tree
asChildbooleanfalseMerge props onto child instead of rendering

Plus all React Native ViewProps.

Accessibility

  • Role: separator
  • When decorative is true, role is set to none so screen readers skip it
  • aria-orientation is set based on the orientation prop

On this page