THEME
MOTION
HAPTIC
SOUND
SCANLINE
Decorative CRT scan-line overlay. Wraps children with a translucent grid + a sweeping beam.
Live demo
Import
import { ScanLine } from '@cathode-ui/react';Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
children | ReactNode | — | — | |
speed | number | 4 | — | Sweep duration in seconds. |
color | string | — | — | CSS color for the sweeping beam. |
patternOpacity | number | 0.06 | — |
Examples
overlay
<ScanLine><TerminalFrame title="CAM">…</TerminalFrame></ScanLine>Accessibility
Role: presentation
- decorative — aria-hidden on effect layers
Feedback
| Haptic | none |
| Sound | none |
Motion states
sweep