005cf56baf
Some checks failed
No response / noResponse (push) Has been cancelled
CI / Continuous releases (push) Has been cancelled
CI / test-dev (macos-latest) (push) Has been cancelled
CI / test-dev (ubuntu-latest) (push) Has been cancelled
CI / test-dev (windows-latest) (push) Has been cancelled
Maintenance / main (push) Has been cancelled
Scorecards supply-chain security / Scorecards analysis (push) Has been cancelled
CodeQL / Analyze (push) Has been cancelled
71 lines
3.5 KiB
JSON
71 lines
3.5 KiB
JSON
{
|
|
"componentDescription": "",
|
|
"propDescriptions": {
|
|
"alignItems": { "description": "Defines the <code>align-items</code> style property." },
|
|
"autoFocus": {
|
|
"description": "If <code>true</code>, the list item is focused during the first mount. Focus will also be triggered if the value changes from false to true."
|
|
},
|
|
"children": {
|
|
"description": "The content of the component if a <code>ListItemSecondaryAction</code> is used it must be the last child."
|
|
},
|
|
"classes": { "description": "Override or extend the styles applied to the component." },
|
|
"component": {
|
|
"description": "The component used for the root node. Either a string to use a HTML element or a component."
|
|
},
|
|
"dense": {
|
|
"description": "If <code>true</code>, compact vertical padding designed for keyboard and mouse input is used. The prop defaults to the value inherited from the parent List component."
|
|
},
|
|
"disabled": { "description": "If <code>true</code>, the component is disabled." },
|
|
"disableGutters": {
|
|
"description": "If <code>true</code>, the left and right padding is removed."
|
|
},
|
|
"divider": {
|
|
"description": "If <code>true</code>, a 1px light border is added to the bottom of the list item."
|
|
},
|
|
"focusVisibleClassName": {
|
|
"description": "This prop can help identify which element has keyboard focus. The class name will be applied when the element gains the focus through keyboard interaction. It's a polyfill for the <a href=\"https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo\">CSS :focus-visible selector</a>. The rationale for using this feature <a href=\"https://github.com/WICG/focus-visible/blob/HEAD/explainer.md\">is explained here</a>. A <a href=\"https://github.com/WICG/focus-visible\">polyfill can be used</a> to apply a <code>focus-visible</code> class to other components if needed."
|
|
},
|
|
"selected": { "description": "Use to apply selected styling." },
|
|
"sx": {
|
|
"description": "The system prop that allows defining system overrides as well as additional CSS styles."
|
|
}
|
|
},
|
|
"classDescriptions": {
|
|
"alignItemsFlexStart": {
|
|
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
|
|
"nodeName": "the component element",
|
|
"conditions": "<code>alignItems=\"flex-start\"</code>"
|
|
},
|
|
"dense": {
|
|
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
|
|
"nodeName": "the component element",
|
|
"conditions": "dense"
|
|
},
|
|
"disabled": {
|
|
"description": "State class applied to {{nodeName}} if {{conditions}}.",
|
|
"nodeName": "the inner <code>component</code> element",
|
|
"conditions": "<code>disabled={true}</code>"
|
|
},
|
|
"divider": {
|
|
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
|
|
"nodeName": "the inner <code>component</code> element",
|
|
"conditions": "<code>divider={true}</code>"
|
|
},
|
|
"focusVisible": {
|
|
"description": "State class applied to {{nodeName}}.",
|
|
"nodeName": "the <code>component</code>'s <code>focusVisibleClassName</code> prop"
|
|
},
|
|
"gutters": {
|
|
"description": "Styles applied to {{nodeName}} unless {{conditions}}.",
|
|
"nodeName": "the inner <code>component</code> element",
|
|
"conditions": "<code>disableGutters={true}</code>"
|
|
},
|
|
"root": { "description": "Styles applied to the root element." },
|
|
"selected": {
|
|
"description": "State class applied to {{nodeName}} if {{conditions}}.",
|
|
"nodeName": "the root element",
|
|
"conditions": "<code>selected={true}</code>"
|
|
}
|
|
}
|
|
}
|