@n8d/htwoo-patterns
Version:
hTWOo Patterns to setup custom style guide
269 lines • 8.73 kB
JSON
{
"nav": {
"tree-icon": {
"button": {
"iconname": "icon-arrow-right"
}
},
"items": [
{
"text": "Item 1",
"link": "#",
"tree-icon": {
"button": {
"iconname": "icon-arrow-right"
}
},
"items": [
{
"text": "Item 1.1",
"link": "#",
"tree-icon": {
"button": {
"iconname": "icon-arrow-right"
}
},
"items": [
{
"text": "Item 1.1.1",
"link": "#",
"tree-icon": {
"button": {
"iconname": "icon-arrow-right"
}
},
"items": [
{
"text": "Item 1.1.1.1",
"link": "#"
},
{
"text": "Item 1.2.1.1",
"link": "#",
"tree-icon": {
"button": {
"iconname": "icon-arrow-right"
}
},
"items": [
{
"text": "Item 1.2.1.1.1",
"link": "#"
},
{
"text": "Item 1.2.1.1.2",
"link": "#"
},
{
"text": "Item 1.2.1.1.3",
"link": "#"
}
]
},
{
"text": "Item 1.3.1.1",
"link": "#"
}
]
},
{
"text": "Item 1.2.1",
"link": "#"
},
{
"text": "Item 1.3.1",
"link": "#"
}
]
},
{
"text": "Item 1.2",
"link": "#"
},
{
"text": "Item 1.3",
"link": "#"
}
]
},
{
"text": "Item 2",
"link": "#",
"isCurrent": true
},
{
"text": "Item 3",
"link": "#",
"tree-icon": {
"button": {
"iconname": "icon-arrow-right"
}
},
"items": [
{
"text": "Item 3.1",
"link": "#"
},
{
"text": "Item 3.2",
"link": "#"
},
{
"text": "Item 3.3",
"link": "#"
}
]
},
{
"text": "Item 4",
"link": "#"
}
]
},
"menu": {
"menuItems": [
{
"title": "Coffee",
"isActive": true
},
{
"title": "Matcha",
"isActive": false
},
{
"title": "Ice Tea",
"isActive": false
},
{
"title": "Aqua Minerale",
"isActive": false
},
{
"title": "Earl Grey",
"isActive": false
},
{
"title": "Darjeeling tea",
"isActive": false
},
{
"title": "Chai Latte",
"isActive": false
},
{
"title": "Gin Tonic",
"isActive": false
}
],
"overflowButton": {
"iconDown": "icon-ellipses",
"label": "New Item",
"contextMenu": {
"contextItems": []
}
}
},
"contextItems": [
{
"button": {
"label": "Email message",
"iconname": "icon-ninjacat"
}
},
{
"button": {
"label": "Calendar Event",
"iconname": "icon-minus"
}
}
],
"commandBar": {
"cmdBarButtons": [
{
"iconAction": "icon-plus",
"iconDown": "icon-arrow-down",
"label": "New Item",
"contextMenu": {
"contextItems": [
{
"button": {
"label": "Email message",
"iconname": "icon-ninjacat"
}
},
{
"button": {
"label": "Calendar Event",
"iconname": "icon-minus"
}
}
]
}
},
{
"iconAction": "icon-plus",
"iconDown": "icon-arrow-down",
"label": "New Item"
},
{
"iconAction": "icon-plus",
"iconDown": "icon-arrow-down",
"label": "New Item",
"contextMenu": {
"contextItems": [
{
"button": {
"label": "Email message",
"iconname": "icon-ninjacat"
}
},
{
"button": {
"label": "Calendar Event",
"iconname": "icon-minus"
}
}
]
}
},
{
"iconAction": "icon-plus",
"iconDown": "icon-arrow-down",
"label": "New Item"
},
{
"icon": "icon-plus",
"iconDown": "icon-arrow-down",
"label": "New Item",
"contextMenu": {
"contextItems": [
{
"button": {
"label": "Email message",
"iconname": "icon-ninjacat"
}
},
{
"button": {
"label": "Calendar Event",
"iconname": "icon-minus"
}
}
]
}
},
{
"iconAction": "icon-plus",
"iconDown": "icon-arrow-down",
"label": "New Item"
}
],
"overflowButton": {
"iconDown": "icon-ellipses",
"label": "New Item",
"contextMenu": {
"contextItems": []
}
}
}
}