Orb
Ambient brand loader for spacious, expressive waiting states.
Examples
Sizes
Overview
Orb softly pulses using brand and surface tokens. Its animation respects reduced-motion preferences and its size adapts to the layout.
tsx
import { Orb } from "@standard-ui/react" <Orb size="lg" />
API
| Prop | Type | Default | Description |
|---|---|---|---|
| size | "sm" | "md" | "lg" | md | Orb dimensions. |
Guidelines
Do
- Use for branded, indeterminate loading
Don't
- Don't place several orbs in one view