Component

Spinner

Loading indicator. Pairs with Button, Badge, InputGroup and Empty via className/data-icon.

Spinnersvg — size via className (size-3 · size-4 · size-6 · size-8)

data-iconinline-start · inline-end — for button/badge integration

Playground

Size— size

Processing payment

Please wait while we process your payment.

size-3

size-4 (default)

size-6

size-8

SyncingUploading

Analyzing text

Loading dashboard

Fetching the latest data, this should only take a moment.

جارٍ المزامنة

1 semantic token consumed by this component.

--muted-foregroundMuted Foreground

text-muted-foreground