Skip to content
Chat & AI

Text Shimmer

Shimmering placeholder text while a token stream starts.

Import

tsx
import { TextShimmer } from "@cronus-ui/ui";
bash
npx cronus-ui add text-shimmer

Examples

.cronus

The same component declared in Cronus. Emitted at build time from the audit fixtures — the kernel renders it as HTML with no React.

PortedParity: MatchGeometry 1/1Pixel diff 0 pxLogic 1/1Parity scoreboard
default.cronus
app "audit-fixtures" {
  port 5176
}

style {
  preset aurora
  theme dark
}

component TextShimmerDefault layout:inline style:text-shimmer {
  label "Loading"
}

page "/audit/text-shimmer/default" type:custom {
  use TextShimmerDefault
}

API Reference

Generated from the component's exported types.

TextShimmerProps

Skip TextShimmerProps props table
PropTypeDefaultDescription
children*
string—Contents of the component.
as
ElementType——
className
string—Additional class names merged onto the root.
duration
number2—
spread
number2—