Skip to content
Components

DotMatrixLoader

Intent-specific dotted SVG glyph for agent status slots (a prompt bar's leading icon, a working stack, an operation bubble).

Usage

import { DOT_MATRIX_LOADER_NAMES, DOT_MATRIX_LOADERS, DotMatrixLoader, dotMatrixLoaderEntry, DotMatrixLoaderEntry, DotMatrixLoaderName, DotMatrixLoaderProps } from "@instruments/materia-ui/components/dot-matrix-loader";

Best practices

  • Pick a glyph by intent from DOT_MATRIX_LOADERS - don't invent ad-hoc names. Map product actions → names in one place.

  • Pass settled when the op finished but narration is still on screen, so the slot stays in character without spinning forever.

Props

PropTypeDefaultDescription
name(required)DotMatrixLoaderName

Which catalogue glyph to render.

settledboolean

When true, render a frozen frame: no SMIL/CSS animations, dots at their natural positions and full opacity. Use when the moment has finished but the bar is still narrating the result.

Also exports

  • constDOT_MATRIX_LOADER_NAMES
  • constDOT_MATRIX_LOADERS
  • constdotMatrixLoaderEntry
  • interfaceDotMatrixLoaderEntry
  • typeDotMatrixLoaderName
  • interfaceDotMatrixLoaderProps