Skip to main content

Interface: GradientTextProps

@arolariu/components


@arolariu/components / GradientTextProps

Interface: GradientTextProps

Defined in: components/ui/gradient-text.tsx:10

Props accepted by GradientText.

Extends

  • HTMLAttributes<HTMLSpanElement>

Properties

text

text: string

Defined in: components/ui/gradient-text.tsx:12

Text content rendered with the animated gradient fill.

Default

undefined

gradient?

optional gradient?: string

Defined in: components/ui/gradient-text.tsx:14

CSS gradient string assigned to the animated text fill.

Default

"linear-gradient(90deg, #3b82f6 0%, #a855f7 20%, #ec4899 50%, #a855f7 80%, #3b82f6 100%)"

neon?

optional neon?: boolean

Defined in: components/ui/gradient-text.tsx:16

Adds a blurred neon duplicate behind the primary text layer.

Default

false

transition?

optional transition?: Transition

Defined in: components/ui/gradient-text.tsx:18

Motion timing used for the animated gradient background.

Default

{duration: 50, repeat: Infinity, ease: "linear"}
// was this page useful?