Angular adaptation of an effect by David Haz / reactbits.dev.
Import
import { WrCircularText } from 'ngwr/circular-text';Playground
<wr-circular-text
text="HELLO * NGWR * "
[spinDuration]="20"
onHover="speedUp"
/>Customize
Spin Duration (s)
On Hover
Text
API
| Name | Description | Type | Default |
|---|---|---|---|
textrequired | Text to lay out around the circle. | string | — (required) |
spinDuration | Seconds per full revolution at rest. | number | 20 |
onHover | Hover behaviour. null disables hover reactivity. | 'speedUp' | 'slowDown' | 'pause' | 'goBonkers' | null | 'speedUp' |