Tier A
RN-universal Separator pilot
ScaffoldedA 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
HomeReportsSettings
RN
HomeReportsSettings
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 |