Shimmer

A light passing over text, to show that something is under way.

SourcePackage @weft-js/warp

Preview

tsx

import { Shimmer, Stack } from '@weft-js/warp'export function Loading() {  return (    <Stack gap="related">      <Shimmer>Reading 214 log lines…</Shimmer>      <Shimmer>Comparing d-4801 with d-4819…</Shimmer>    </Stack>  )}

Installation

npm install @weft-js/warp

Usage

tsx

import { Shimmer } from '@weft-js/warp'<Stack gap="related">  <Shimmer>Reading 214 log lines…</Shimmer>  <Shimmer>Comparing d-4801 with d-4819…</Shimmer></Stack>

Accessibility

It stays still for people who prefer reduced motion.

API Reference

Prop	Type	Default	Description
`children`	`unknown`	—	What it contains.

RelatedReasoning Skeleton