Tier D2
RN-universal EmptyState pilot
ScaffoldedCentered View + Text composition for zero-content states. Icon, title, description, action slot — same shape as the shadcn EmptyState. Announced as a named landmark on web.
Side-by-side: no records
shadcn
No records yet
Your inbox is empty. New admissions and transfers will appear here.
RN
No records yet
Your inbox is empty. New admissions and transfers will appear here.
Variants
No results
We couldn't find anything matching your search. Try a different term or clear filters.
Upload failed
The file was rejected by the exam board. Check the format (CSV, ≤10MB) and try again.
Invite your team
Add teachers and administrators to collaborate on student records.
Minimal
Everything is optional except the title.
Semantics
| Aspect | shadcn | RN | Notes |
|---|---|---|---|
| Container | <div> | <View role="region"> | Announced as a named landmark on web |
| Title | <h3> | <Text accessibilityRole="header"> | RN Web maps header → heading role |
| Icon container | neutral bg | bg-brand-subtle | Phase 5.5: matches the current brand scope |
| Action slot | any button | any RnButton or node | Typed as ReactNode for flexibility |