25 lines
919 B
JSON
25 lines
919 B
JSON
{
|
|
"name": "DotGridBackground",
|
|
"description": "Dot pattern background with radial gradient dots and optional 3D perspective effect.",
|
|
"details": "Use for subtle, modern backgrounds. Features dense dot grid (small: 100 dots, medium: 50 dots, large: 25 dots per 100vw). Optional perspectiveThreeD adds skew transform and radial mask. Uses background-accent color at 30% opacity. Has radial fade mask at 90%.",
|
|
"constraints": {},
|
|
"propsSchema": {
|
|
"size?": "'small' | 'medium' | 'large' (default: 'medium')",
|
|
"perspectiveThreeD?": "boolean (default: false)",
|
|
"className?": "string"
|
|
},
|
|
"usageExample": "<DotGridBackground size=\"medium\" perspectiveThreeD={false} />",
|
|
"do": [
|
|
"Use for feature showcases",
|
|
"Use for capability displays"
|
|
],
|
|
"dont": [
|
|
"Do not use more than 4 items"
|
|
],
|
|
"editRules": {
|
|
"textOnly": true,
|
|
"layoutLocked": true,
|
|
"styleLocked": true
|
|
}
|
|
}
|