20 lines
1.7 KiB
JSON
20 lines
1.7 KiB
JSON
{
|
|
"name": "HeroBackgrounds",
|
|
"description": "Unified background component with preset variants for hero sections, providing zero-config animated and static options.",
|
|
"details": "Use for hero sections to easily apply background effects without managing individual component props. Provides preset variants for components with required props (rotated-rays, downward-rays) while maintaining simple passthrough for components without required props. Each preset variant includes sensible defaults: -animated variants have animation enabled without grid, -animated-grid variants have both animation and grid enabled, -static variants have animation disabled without grid, -static-grid variants have animation disabled with grid enabled. Components without required props (animated-grid, canvas-reveal, cell-wave, etc.) pass through directly and accept their optional customization props. Use 'plain' variant for no background. Perfect for AI builders as it eliminates TypeScript errors from missing required props while documenting all customization options in registry.",
|
|
"constraints": {},
|
|
"propsSchema": {
|
|
"variant": "'plain' | 'animated-grid' | 'canvas-reveal' | 'cell-wave' | 'downward-rays-animated' | 'downward-rays-animated-grid' | 'downward-rays-static' | 'downward-rays-static-grid' | 'glowing-orb' | 'gradient-bars' | 'radial-gradient' | 'rotated-rays-animated' | 'rotated-rays-animated-grid' | 'rotated-rays-static' | 'rotated-rays-static-grid' | 'rotating-gradient' | 'sparkles-gradient'"
|
|
},
|
|
"usageExample": "<HeroBackgrounds variant=\"rotated-rays-animated\" />",
|
|
"do": [
|
|
"Use for general use"
|
|
],
|
|
"dont": [],
|
|
"editRules": {
|
|
"textOnly": true,
|
|
"layoutLocked": true,
|
|
"styleLocked": true
|
|
}
|
|
}
|