Usage
import { ScrambleText } from "@/registry/components/scramble-text/scramble-text";
<ScrambleText text="…" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
text | string | The text to resolve to. Changing it scrambles again. | |
charset? | string | DEFAULT | Characters used while scrambling. |
speed? | number | 32 | Milliseconds per frame. |
cycles? | number | 6 | Frames each character scrambles before it locks. |
replayOnHover? | boolean | true | Scramble again on hover. |
className? | string |
When to use
Technical or terminal-style headlines and labels.
When not to use
Content that must be read immediately.