Skip to content
Components

PixelLoader

Compact pixel-grid loader with shimmer label.

Working

Usage

import { PIXEL_LOADER_VARIANTS, PixelLoader, PixelLoaderProps, PixelLoaderVariant } from "@instruments/materia-ui/components/pixel-loader";

Best practices

  • Use for inline chat / agent waits. Prefer ThinkingLoader when you have narrated steps; ThinkingOrb for avatar-scale state; DotMatrixLoader for prompt-bar intent glyphs.

Props

PropTypeDefaultDescription
classNamestring

Additional classes on the root.

labelstring

Shimmering status label. Defaults to "Working".

variant"drive" | "dots" | "orbit"

Grid wavefront. Defaults to "drive".

Also exports

  • constPIXEL_LOADER_VARIANTS
  • interfacePixelLoaderProps
  • typePixelLoaderVariant

Composition

Builds on

Grid, Text