Especificado · 5 scopes
Shell and responsive navigation
shell-navigation · inclusión cross-scope
Requisitos
- Regla
landmarks - Regla
current-location - Regla
keyboard-order - Regla
responsive-without-losing-actions
Core v1 · 8 patrones
Composición recurrente, producto independiente.
Los patrones conectan componentes y requisitos accesibles sin convertir una pantalla concreta en plantilla universal.
Reglas de composición
El patrón conserva la tarea, no el DOM.
Web semántica, React y Compose pueden representar una misma decisión con APIs distintas. La equivalencia se demuestra mediante componentes usados, requisitos y comportamiento.
Core
Landmarks, estado actual, lectura, validación, espera, foco y cierre son responsabilidades compartidas.
Adaptador
Router, primitive de overlay, gestión de foco o control nativo dependen de la plataforma y se documentan en el consumidor.
Extensión
Mercado, agenda, Nostr, Bitcoin o moderación conservan semántica propia y no se absorben en el patrón compartido.
Inventario contractual
Ocho patrones especificados.
Especificado · 4 scopes
List and detail
list-detail · inclusión cross-scope
Requisitos
- Regla
stable-list-context - Regla
descriptive-detail-title - Regla
empty-and-error-state - Regla
back-navigation
Especificado · 3 scopes
Editorial reading
editorial-reading · inclusión cross-scope
Especificado · 4 scopes
Form and validation
form-validation · inclusión cross-scope
Especificado · 3 scopes
Filters and results
filter-results · inclusión cross-scope
Requisitos
- Regla
result-count-or-context - Regla
filter-state-preserved - Regla
loading-empty-error-separated - Regla
clear-filters-action
Especificado · 3 scopes
Dense data panel
dense-data · inclusión cross-scope
Especificado · 4 scopes
Asynchronous state
async-state · inclusión cross-scope
Requisitos
- Regla
loading-empty-error-success-distinct - Regla
live-updates-polite - Regla
retry-when-actionable - Regla
stale-content-identified
Especificado · 3 scopes
Overlay and consequential action
overlay-action · inclusión accessibility-invariant
Gate de implementación
Primero componentes verificados; después composición.
Los ejemplos visuales del patrón se incorporarán cuando sus dependencias Core tengan demos y masters Figma. Hasta entonces el estado permanece specified.