Hyper Text

Learn more about Mintlify

Enter your email to receive updates about new features and product releases.

Installation

showLineNumbers

import { HyperText } from "@/components/ui/hyper-text"

showLineNumbers

<HyperText>Hover me</HyperText>

Prop	Type	Default	Description
`children`	`string`	`-`	Text content to animate
`className`	`string`	`-`	The class name to be applied to the component
`duration`	`number`	`800`	Duration of the animation in milliseconds
`delay`	`number`	`0`	Delay before animation starts (in ms)
`as`	`React.ElementType`	`"div"`	Component to render as
`startOnView`	`boolean`	`false`	Start animation when component is in view
`animateOnHover`	`boolean`	`true`	Enable hover animation
`characterSet`	`string[]`	`A-Z`	Custom character set for scramble effect

⌘I