Text
LowerThird
Broadcast TV lower-third name card with name, title, and accent bar.
Installation
npm install @ai-animate/core
Usage
import { LowerThird } from '@ai-animate/core'
<LowerThird name="Dr. Sarah Chen" title="AI Research Lead" />
Props
namestringDr. Sarah ChenName to display
titlestringAI Research LeadOptional title below the name
accentColorstring#6366f1Color of the accent bar
holdMsnumber3000Hold time in ms
loopbooleantrueWhether to loop
nameSizestringclamp(1.2rem, 2.5vw, 2rem)Font size for name
titleSizestringclamp(0.7rem, 1.4vw, 1rem)Font size for title
colorstring#ffffffText color
onCycleComplete() => voidundefinedCalled when cycle completes