Misc

Shared status, navigation, media, loading, and disclosure components. 19 owners and 38 deterministic previews.

Misc

19 catalogue owners in manifest order.

Carousel

Bounded horizontal item carousel with direction-aware snapping, pointer and keyboard navigation, dot pagination, and an optional wide-grid presentation.

Strategy

Slide 1

Design

Slide 2

Delivery

Slide 3

Chip

Compact static, linked, or button-like label and status surface. Neutral pills use full foreground contrast; identity pills and profile initials share primary, success, warning, danger and violet with default static tints and readable ink. Identity colors convey no status.

Static, link, and button semantics

StaticDocumentation

Tone and skeleton ownership

neutralprimarysuccesswarningdangerhelper

CopyField

Canonical copy-to-clipboard action with visible value, status icon, and loading parity. Uses bare chrome by default so hover stays transparent; opt into secondary for a filled action.

Copy callback and button semantics

Live and skeleton geometry

URL and phone copy presentations

HealthCheckIndicator

Compact deterministic fixture-service status with shared checking, available, and unavailable states.

Polite fixture sign-in status

Fixture sign-in: Checking

Platform fixture status

Platform fixtures: Checking

ImageSwitcher

Small image carousel with controlled or internal selection, interrupt-safe shared transitions, eager preloading, swipe ownership, and optional pagination controls.

Bounded controls and index callback

Abstract blue portrait composition

Single-image control suppression

Abstract blue portrait composition

Controlled selection without built-in controls

Overlapping charcoal and coral shapes

InspectableImage

Image trigger wired to the shared image-inspection modal system.

InteractionGate

Overlay gate that blocks an interactive region until the user explicitly activates it.

Enable map

The map loads third-party content.

Loader

Shared indeterminate spinner glyph for inline asynchronous regions.
Refreshing results

PaginationControls

Compact previous/next paging control with a current-total indicator.

Labels, callbacks, and disabled bounds

Loading geometry

ProfilePicture

Canonical avatar image, text or child fallback, loading placeholder, and overlapping group owner. The normalized full name owns fallback color regardless of size, initials or surrounding surface. helperIndex applies only when name is absent. Fallbacks share the default static identity-chip tint and semantic color set plus violet. Tint follows Surface, Card and Float ownership; identity implies no status or pressed state.

Image, text, child, and loading fallbacks

Ada Lovelace profile picture?

Stack labeling and overflow

AG+2

ScrollBorders

Scrollable-region wrapper that exposes vertical or horizontal overflow through shared edge treatment, including RTL horizontal ports.

Overflow edge and scroll callback

Result 1
Result 2
Result 3
Result 4
Result 5
Result 6
Result 7
Result 8
Result 9
Result 10
Result 11
Result 12

Skeleton region ownership

Horizontal overflow

Item 1
Item 2
Item 3
Item 4
Item 5
Item 6

SegmentedControl

Single-value segmented selector with controlled and uncontrolled state.

Pressed state and selection callback

Layouts and disabled options

Skeleton

Base non-interactive placeholder used when no component-owned skeleton exists.

Hidden semantics and sizing content

Owned radius scale

SocialLinks

Shared social/profile link cluster backed by the icon registry.

Icon-only accessible names and external links

Label and skeleton modes

GitHubInstagramTikTokLinkedIn

Filled icon default and weight override

StepIndicator

Navigable progress indicator for bounded multi-step flows.

Current-step semantics and callbacks

Modal composition

SuspenseBoundary

Shared loading/error transition boundary for controlled state and React Suspense.

Controlled loading and error selection

Loading account

Account unavailable

Try again later.

Resolved account

Ghost layout preservation

Tooltip

Short hover/focus helper text built on shared dropdown positioning and dismissal.

Accordion

Shared disclosure owner for compact rows and collapsible Card sections.

Disclosure semantics and callbacks

Card composition and skeleton parity

Project access

Who can open this project
Members inherit workspace access.
Access is audited.

Compact rows, disabled state, and skeleton variants

Open content keeps the same horizontal edge as its trigger.

State

Region-availability presentation for empty, idle, error, and retry states.

Plain and framed region variants

Route unavailable

A prerequisite is missing.

No projects yet

Create a project to begin.

Preset actions and focus

Could not load members

Try the request again.