← DOCS
effects

RadarScan

Circular radar display with rotating scan line, rings, and target blips.

npx chaos add radar-scan

PREVIEW

USAGE

case 'glass-button': return ; case 'neon-glow': return ; case 'floating-button': return ;
import { RadarScan } from '@oalacea/chaosui/effects/radar-scan';

<RadarScan />
<RadarScan color="rgba(255, 0, 0, 0.8)" speed={2} />
<RadarScan blips={[{angle: 45, distance: 70}, {angle: 180, distance: 40}]} />

PROPS

PropTypeDefault
colorScan color
string"rgba(0, 255, 0, 0.8)"
speedRotation speed (per second)
number1
sizeRadar size in pixels
number300
ringsNumber of concentric rings
number4
blipsTarget blips to display
Array<{angle, distance}>[]
pulseBlipsEnable pulse on blips
booleantrue
scanWidthScan line width
number2