Skeleton in the Socra UI system.
No shared Skeleton recipe exists yet.
| State | Theme path | Rule |
|---|---|---|
Default | theme.palette.text.primary | Clear, enabled, and ready. |
Hover | theme.palette.action.hover | Pointer feedback only. |
Selected | theme.palette.action.selected | Persistent chosen state. |
Loading | theme.palette.action.disabledBackground | Show honest work underway. |
Disabled | theme.palette.action.disabled | Unavailable until the cause is resolved. |
Add the missing component recipe before products standardize on this page.
Build Skeleton in the shared UI library before any product ships a local version.
No shared Socra component contract exists yet.
Every visible value comes from @socra/theme or a themed MUI primitive.
The page becomes complete only when the live state matrix and copy-paste recipe are real.
The system improves once and every product inherits the fix.
A component earns a place only when it helps the user decide, act, recover, or understand.
Local UI creates drift; library contracts create standardization.
A local primitive splits behavior and future migrations.
Values live in @socra/theme and are consumed by name.
If the hierarchy is weak, fix the hierarchy.
// Missing from the shared UI system.
// Ask permission to add Skeleton to the owning UI package before product use.