Components

SEEDED FIXTURE — baked at build time, NOT live. 240 deterministic rows in the shape of ui_test_db.

@anshinus/ui primitives. Every popup here is worth opening — a menu that renders off-screen looks identical to one that works until you measure its box.

Floating surfaces

Open each one. These are the components that broke silently on React 18 — they rendered, they just rendered where nobody could see them.

Buttons & badges

default

secondary

outline

destructive

Form controls

Input

Textarea

Checkbox (26px target)

Switch

Tabs

First panel.

These components ship and had no demo page

Seventeen exports the UI Standards name were reachable from no route in this demo, so no Playwright sweep could see them. An export nothing renders is not evidence it works.

Stats Summary Cards

StatCard · StatCardGrid

Documents

240

across 3 tenants

Confidential

restricted

Avg. review

4.2d

last 30 days

Detail and Record View Pages

DetailRow · MetadataCard

Title

Incident Response Runbook v10

Owner

Operations

Notes

Reviewed and approved.

Record metadata

Created: 2026-04-02
Updated: 2026-09-28
Status: Approved

Loading and Empty States

LoadingState · ErrorState

type="spinner"

Loading documents…

type="table", rows=3

Unable to load documents

Upstream returned 503

Toast and Alert Standards

Alert · InfoBanner

Destructive variant

Used for failures the user must act on.

Dismissible info banner

InfoBanner persists dismissal per id, so it returns null once dismissed.

Warning variant

Breadcrumb Navigation

Breadcrumb

Theme Settings · Internationalization

ModeToggle · LanguageSelector

Sidebar Navigation

SidebarNav · SidebarUser

Popout and Slide-Over Windows

Sheet

Advanced Filter Popup

DataTableFilterBuilder

UDT Column Visibility and Defaults

DataTableColumnSelector

Import Wizard Modal

useImportWizard

step template · valid 0 · invalid 0 · importing false

Footer

Footer (standard names it AppFooter)

Form Standards

Form · FormField (react-hook-form)