Text
ChapterMarker
Documentary chapter transition card with line draw, chapter number, and title reveal.
Installation
npm install @ai-animate/core
Usage
import { ChapterMarker } from '@ai-animate/core'
<ChapterMarker chapterNumber="I" title="The Beginning" />
Props
chapterNumberstringIChapter number or identifier
titlestringThe BeginningChapter title
lineColorstring#ffffffColor of the drawing line
durationnumber1.0Duration of line draw in seconds
holdMsnumber2500Hold time in ms
loopbooleantrueWhether to loop
fontSizestringclamp(1.4rem, 3vw, 2.5rem)Font size for title
colorstring#ffffffText color
backgroundstring#000Background color
onCycleComplete() => voidundefinedCalled when cycle completes