Radar Progress
StableA circular progress indicator styled like a high-tech scanning radar.
Examples
Default (Animated)
tsx
<RadarProgress size="md" />Variants
tsx
<div className="flex gap-8">
<RadarProgress color="cyan" size="lg" />
<RadarProgress color="rose" size="lg" />
</div>API Reference
| Property | Description | Type | Default |
|---|---|---|---|
| scanning | Whether the radar sweep animation is active. | boolean | true |
| color | Visual color variant. | "cyan" | "green" | "rose" | "cyan" |
| size | Preset size dimensions. | "sm" | "md" | "lg" | "md" |