36 lines
1.0 KiB
JSON
36 lines
1.0 KiB
JSON
{
|
|
"name": "TextAnimation",
|
|
"description": "Unified scroll-triggered text animation component with three distinct animation types and two trigger variants.",
|
|
"constraints": {
|
|
"textRules": {
|
|
"text": {
|
|
"required": true,
|
|
"example": "This animation responds to scroll. Watch as the text comes to life."
|
|
}
|
|
}
|
|
},
|
|
"propsSchema": {
|
|
"type?": "'entrance-slide' | 'reveal-blur' | 'background-highlight'",
|
|
"text": "string",
|
|
"as?": "'div' | 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' (default: 'div')",
|
|
"children?": "React.ReactNode",
|
|
"variant?": "'trigger' | 'words-trigger'",
|
|
"className?": "string",
|
|
"duration?": "number",
|
|
"stagger?": "number",
|
|
"start?": "string",
|
|
"end?": "string",
|
|
"ariaLabel?": "string",
|
|
"gradientColors?": "{ from: string, to: string }"
|
|
},
|
|
"usageExample": "",
|
|
"do": [
|
|
"Use for general use"
|
|
],
|
|
"dont": [],
|
|
"editRules": {
|
|
"textOnly": true,
|
|
"layoutLocked": true,
|
|
"styleLocked": true
|
|
}
|
|
} |