35 lines
956 B
JSON
35 lines
956 B
JSON
{
|
|
"name": "Input",
|
|
"description": "Styled text input field with secondary-button styling and rounded-theme borders.",
|
|
"constraints": {
|
|
"textRules": {
|
|
"placeholder": {
|
|
"required": false,
|
|
"example": "Enter your name",
|
|
"minChars": 2,
|
|
"maxChars": 50
|
|
}
|
|
}
|
|
},
|
|
"propsSchema": {
|
|
"value": "string (required)",
|
|
"onChange": "(value: string) => void (required)",
|
|
"type?": "string (default: 'text')",
|
|
"placeholder?": "string",
|
|
"required?": "boolean (default: false)",
|
|
"disabled?": "boolean (default: false)",
|
|
"ariaLabel?": "string",
|
|
"className?": "string"
|
|
},
|
|
"usageExample": "<Input value={name} onChange={(value) => setName(value)} type=\"text\" placeholder=\"Name\" required />",
|
|
"do": [
|
|
"Use for feature showcases",
|
|
"Use for capability displays"
|
|
],
|
|
"dont": [],
|
|
"editRules": {
|
|
"textOnly": true,
|
|
"layoutLocked": true,
|
|
"styleLocked": true
|
|
}
|
|
} |