Shimmer

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

SourcePackage @kerf-js/veneer

Preview

tsx

import { Shimmer, Stack } from '@kerf-js/veneer'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 @kerf-js/veneer

Usage

tsx

import { Shimmer } from '@kerf-js/veneer'<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