ReferenceComponents
Layout Components
16 components in the layout domain.
Layout Domain
16 components.
| Component | Description | Pattern | Render | Composed With |
|---|---|---|---|---|
ApiMethodBadge | GET/POST method badge with semantic green/amber coloring | badge | server | — |
AppTile | App card with name, type, phase, health, and active indicator | card-list | server | — |
KindBadge | TypeScript export kind badge with monospace semantic colors | badge | server | — |
LevelBadge | Abstraction level badge (L1-L5) with progressive intensity | badge | server | — |
LevelPeerStrip | Compact peer card strip showing primitives at same level | — | server | — |
LevelSection | Per-level section with left accent bar and atmospheric glow | — | server | — |
PromptCopyButton | Copy-to-clipboard button with variant-driven styling | — | client | — |
ResizeHandle | Pointer-based column resize handler with golden accent | — | client | — |
ScopeBadge | Scope badge with color mapping from SCOPE_COLORS | badge | server | — |
ScopeFilterBar | Filter pills by scope with count badges | — | server | — |
SectionHeader | Uppercase monospace label with large display heading | section-header | server | — |
SortControl | Icon-based sort option buttons with active highlight | — | client | — |
StatusBadge | Status pill with LED mode and semantic color mapping | badge | server | — |
StudioBreadcrumb | Navigation breadcrumb with segment mapping and separators | — | server | — |
StudioHeader | Mission Control title with monospace label and gradient border | section-header | server | — |
TreeNode | Hierarchical expandable tree node with status badges | — | client | StatusBadge, PromptCopyButton |