tony
43fe76158c
Mortar contribution checks / Mortar baseline and browser checks (push) Successful in 3m15s
42 lines
1.4 KiB
JSON
42 lines
1.4 KiB
JSON
{
|
|
"id": "mortar-segmented-control",
|
|
"logicalId": "segmented-control",
|
|
"name": "SegmentedControl",
|
|
"description": "Mortar foundation segmented control, using central semantic tokens.",
|
|
"stack": "react-tailwind",
|
|
"package": "@tony-ui/mortar",
|
|
"version": "0.1.0",
|
|
"export": "SegmentedControl",
|
|
"source": "src/inspection.tsx",
|
|
"capabilities": ["theme", "foundation", "action", "keyboard"],
|
|
"owner": "Mortar maintainers",
|
|
"kitId": "foundation",
|
|
"provenance": {
|
|
"kitId": "foundation",
|
|
"exampleId": "mortar-foundation-reference",
|
|
"sourceDigest": "f132052b4ac52f3909ac437073c076b9f615849effea14dabf7d30759d714c2d"
|
|
},
|
|
"contract": {
|
|
"props": {
|
|
"label": "string",
|
|
"value": "string",
|
|
"options": "{ value: string; label: string }[]",
|
|
"onChange": "(value: string) => void"
|
|
},
|
|
"states": [
|
|
"Light",
|
|
"Dark",
|
|
"Neutral brand",
|
|
"Green brand",
|
|
"Keyboard and focus"
|
|
],
|
|
"usage": "Import { SegmentedControl } from @tony-ui/mortar. Compose with the public typed props.",
|
|
"avoid": "Do not copy implementations, override central colours or grant component approval.",
|
|
"accessibility": "Verify accessible names, keyboard interaction, visible focus, responsive layout and supported states.",
|
|
"dependencies": []
|
|
},
|
|
"preview": {
|
|
"source": "previews/SegmentedControlPreview.tsx"
|
|
}
|
|
}
|