89 lines
3.4 KiB
JSON
89 lines
3.4 KiB
JSON
|
{
|
||
|
|
"componentDescription": "",
|
||
|
|
"propDescriptions": {
|
||
|
|
"children": { "description": "The content of the component." },
|
||
|
|
"color": {
|
||
|
|
"description": "The color of the component. It supports those theme colors that make sense for this component."
|
||
|
|
},
|
||
|
|
"disabled": { "description": "If <code>true</code>, the component is disabled." },
|
||
|
|
"label": {
|
||
|
|
"description": "A text representation of the option's content. Used for keyboard text navigation matching."
|
||
|
|
},
|
||
|
|
"sx": {
|
||
|
|
"description": "The system prop that allows defining system overrides as well as additional CSS styles."
|
||
|
|
},
|
||
|
|
"value": { "description": "The option value." },
|
||
|
|
"variant": {
|
||
|
|
"description": "The <a href=\"https://mui.com/joy-ui/main-features/global-variants/\">global variant</a> to use."
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"classDescriptions": {
|
||
|
|
"colorContext": {
|
||
|
|
"description": "Class name applied to {{nodeName}} if {{conditions}}.",
|
||
|
|
"nodeName": "the root element",
|
||
|
|
"conditions": "<code>color=\"context\"</code>"
|
||
|
|
},
|
||
|
|
"colorDanger": {
|
||
|
|
"description": "Class name applied to {{nodeName}} if {{conditions}}.",
|
||
|
|
"nodeName": "the root element",
|
||
|
|
"conditions": "<code>color=\"danger\"</code>"
|
||
|
|
},
|
||
|
|
"colorNeutral": {
|
||
|
|
"description": "Class name applied to {{nodeName}} if {{conditions}}.",
|
||
|
|
"nodeName": "the root element",
|
||
|
|
"conditions": "<code>color=\"neutral\"</code>"
|
||
|
|
},
|
||
|
|
"colorPrimary": {
|
||
|
|
"description": "Class name applied to {{nodeName}} if {{conditions}}.",
|
||
|
|
"nodeName": "the root element",
|
||
|
|
"conditions": "<code>color=\"primary\"</code>"
|
||
|
|
},
|
||
|
|
"colorSuccess": {
|
||
|
|
"description": "Class name applied to {{nodeName}} if {{conditions}}.",
|
||
|
|
"nodeName": "the root element",
|
||
|
|
"conditions": "<code>color=\"success\"</code>"
|
||
|
|
},
|
||
|
|
"colorWarning": {
|
||
|
|
"description": "Class name applied to {{nodeName}} if {{conditions}}.",
|
||
|
|
"nodeName": "the root element",
|
||
|
|
"conditions": "<code>color=\"warning\"</code>"
|
||
|
|
},
|
||
|
|
"disabled": {
|
||
|
|
"description": "State class applied to {{nodeName}} if {{conditions}}.",
|
||
|
|
"nodeName": "the root element",
|
||
|
|
"conditions": "<code>disabled={true}</code>"
|
||
|
|
},
|
||
|
|
"highlighted": {
|
||
|
|
"description": "State class applied to {{nodeName}} if {{conditions}}.",
|
||
|
|
"nodeName": "the root element",
|
||
|
|
"conditions": "the option is highlighted"
|
||
|
|
},
|
||
|
|
"selected": {
|
||
|
|
"description": "State class applied to {{nodeName}} if {{conditions}}.",
|
||
|
|
"nodeName": "the root element",
|
||
|
|
"conditions": "the option is selected"
|
||
|
|
},
|
||
|
|
"variantOutlined": {
|
||
|
|
"description": "State class applied to {{nodeName}} if {{conditions}}.",
|
||
|
|
"nodeName": "the root element",
|
||
|
|
"conditions": "<code>variant=\"outlined\"</code>"
|
||
|
|
},
|
||
|
|
"variantPlain": {
|
||
|
|
"description": "State class applied to {{nodeName}} if {{conditions}}.",
|
||
|
|
"nodeName": "the root element",
|
||
|
|
"conditions": "<code>variant=\"plain\"</code>"
|
||
|
|
},
|
||
|
|
"variantSoft": {
|
||
|
|
"description": "State class applied to {{nodeName}} if {{conditions}}.",
|
||
|
|
"nodeName": "the root element",
|
||
|
|
"conditions": "<code>variant=\"soft\"</code>"
|
||
|
|
},
|
||
|
|
"variantSolid": {
|
||
|
|
"description": "State class applied to {{nodeName}} if {{conditions}}.",
|
||
|
|
"nodeName": "the root element",
|
||
|
|
"conditions": "<code>variant=\"solid\"</code>"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"slotDescriptions": { "root": "The component that renders the root." }
|
||
|
|
}
|