Fabrials UI

Loading state

Thinking

Generating image

Searching 14 sources for recent coverage

Installation

Import the control from @fabrials/ui, after setting the app up.
TypeScript
```
import { ShimmerText } from "@fabrials/ui";
```

API reference

Prop / export	Type	Description
`children`	`string`	The label.
`as`	`ElementType`	Element to render. Defaults to p.
`duration`	`number`	Sweep length in seconds. spread sets the highlight width.

Behavior

Use it for a short pending label, not for content. Under reduced motion it is plain muted text.

Accessibility

Keyboard and contrast

Keep visible labels, keyboard focus and status announcements when customizing. These components inherit your theme; maintain sufficient contrast in both color modes. The preview is keyboard operable.