Skip to content

Spinner

A lit pixel travelling a 3x3 grid, four brightness levels trailing behind it.

indexing

Installation

npx shadcn@latest add @afterglow/spinner

Variants

line is the glyph a terminal has always spun while it waits. It follows the font rather than a box, so it can sit inside a line of output without being measured against it.

pixel, a lit cell running the ringline, one glyph a framelinking registry

API Reference

Spinner

pixel runs a lit cell around a 3x3 grid and sizes with the box. line cycles the four teletype glyphs and sizes with the text, so it sits on a line of output at whatever size that line is set in.

PropTypeDefault
variant"pixel" | "line""pixel"