Tier A

RN-universal Separator pilot

Scaffolded

A 1px divider. Horizontal or vertical. No Radix dependency — a single View with an appropriate axis-constrained size and an optional ARIA separator role when the line is structurally meaningful.

Side-by-side: horizontal

shadcn (Radix primitive)

Students

Teachers

RN (View via RN Web)

Students

Teachers

Side-by-side: vertical

shadcn

Home

Reports

Settings

Home

Reports

Settings

Decorative vs structural

Decorative (default): hidden from assistive tech. Structural: announced as a separator with its orientation.

Semantics

Aspect	shadcn	RN	Notes
Element	<div role="separator">	<View role="separator">	role applied only when decorative=false
Orientation	data-orientation="…"	aria-orientation="…"	RN Web emits aria-* directly; no data-attributes
Sizing	1px via data-selector CSS	h-px or w-px utility	Same Tailwind classes; no runtime branching