Circular Text

SOLID*BITS*COMPONENTS*

Props

PropertyTypeDefaultDescription
text
string
'SOLID*BITS*COMPONENTS*'
The text to display in a circular layout.
spinDuration
number
20
The duration (in seconds) for one full rotation.
onHover
'slowDown' | 'speedUp' | 'pause' | 'goBonkers'
'speedUp'
Specifies the hover behavior variant.
class
string
''
Optional additional CSS classes.

Dependencies

gsap