Initial commit
This commit is contained in:
35
registry/components/Input.json
Normal file
35
registry/components/Input.json
Normal file
@@ -0,0 +1,35 @@
|
||||
{
|
||||
"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
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user