Variable: HighlightText

@arolariu/components

---

@arolariu/components / HighlightText

Variable: HighlightText

const HighlightText: ForwardRefExoticComponent<Omit<HighlightTextProps, "ref"> & RefAttributes<HTMLSpanElement>>

Defined in: components/ui/highlight-text.tsx:41

Animates a gradient highlight fill behind inline text content.

Remarks

• Animated component using the motion library
• Renders a <span> element
• Styling via CSS Modules with --ac-* custom properties
• Client-side only ("use client" directive)

Example

<HighlightText text="Highlighted copy" />

See

HighlightTextProps for available props