Components that present rather than collect: the ImageCard media tile, Badge/Tag label pills, Skeleton loading placeholders, and the Spinner/Progress busy indicators.
Components that present rather than collect: the ImageCard media tile, Badge/Tag
label pills, Skeleton loading placeholders, and the Spinner/Progress busy indicators.
Pages
ImageCard— A single image tile for a media grid. The full image loads lazily — only once the tile nears the viewport (built on useIntersectionObserver) — showing a skeleton until it…
Badge, Tag & CheckableTag— Three label pills built on one look. Badge is a non-interactive label — a category, a resolution, “New”. Tag adds a leading icon slot, an onClick, and an optional close…
Skeleton— Loading placeholders — the grey, gently shimmering blocks that hold content’s space until it arrives, so the layout doesn’t jump. Three pieces: Skeleton (one block), SkeletonText (a stack of lines…
Spinner, Progress & RadialProgress— Busy indicators, split by whether you know the fraction. Spinner is indeterminate — a small animated mark for work of unknown duration; Progress is a linear bar (determinate when you…