63 lines
2.7 KiB
JSON
63 lines
2.7 KiB
JSON
|
{
|
||
|
|
"componentDescription": "",
|
||
|
|
"propDescriptions": {
|
||
|
|
"children": { "description": "The content of the component." },
|
||
|
|
"columns": { "description": "The number of columns." },
|
||
|
|
"columnSpacing": {
|
||
|
|
"description": "Defines the horizontal space between the type <code>item</code> components. It overrides the value of the <code>spacing</code> prop."
|
||
|
|
},
|
||
|
|
"container": {
|
||
|
|
"description": "If <code>true</code>, the component will have the flex <em>container</em> behavior. You should be wrapping <em>items</em> with a <em>container</em>."
|
||
|
|
},
|
||
|
|
"direction": {
|
||
|
|
"description": "Defines the <code>flex-direction</code> style property. It is applied for all screen sizes."
|
||
|
|
},
|
||
|
|
"offset": {
|
||
|
|
"description": "Defines the offset value for the type <code>item</code> components."
|
||
|
|
},
|
||
|
|
"rowSpacing": {
|
||
|
|
"description": "Defines the vertical space between the type <code>item</code> components. It overrides the value of the <code>spacing</code> prop."
|
||
|
|
},
|
||
|
|
"size": { "description": "Defines the size of the the type <code>item</code> components." },
|
||
|
|
"spacing": {
|
||
|
|
"description": "Defines the space between the type <code>item</code> components. It can only be used on a type <code>container</code> component."
|
||
|
|
},
|
||
|
|
"wrap": {
|
||
|
|
"description": "Defines the <code>flex-wrap</code> style property. It's applied for all screen sizes."
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"classDescriptions": {
|
||
|
|
"container": {
|
||
|
|
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
|
||
|
|
"nodeName": "the root element",
|
||
|
|
"conditions": "<code>container={true}</code>"
|
||
|
|
},
|
||
|
|
"direction-xs-column": {
|
||
|
|
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
|
||
|
|
"nodeName": "the root element",
|
||
|
|
"conditions": "<code>direction=\"column\"</code>"
|
||
|
|
},
|
||
|
|
"direction-xs-column-reverse": {
|
||
|
|
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
|
||
|
|
"nodeName": "the root element",
|
||
|
|
"conditions": "<code>direction=\"column-reverse\"</code>"
|
||
|
|
},
|
||
|
|
"direction-xs-row-reverse": {
|
||
|
|
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
|
||
|
|
"nodeName": "the root element",
|
||
|
|
"conditions": "<code>direction=\"row-reverse\"</code>"
|
||
|
|
},
|
||
|
|
"root": { "description": "Styles applied to the root element." },
|
||
|
|
"wrap-xs-nowrap": {
|
||
|
|
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
|
||
|
|
"nodeName": "the root element",
|
||
|
|
"conditions": "<code>wrap=\"nowrap\"</code>"
|
||
|
|
},
|
||
|
|
"wrap-xs-wrap-reverse": {
|
||
|
|
"description": "Styles applied to {{nodeName}} if {{conditions}}.",
|
||
|
|
"nodeName": "the root element",
|
||
|
|
"conditions": "<code>wrap=\"reverse\"</code>"
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|