digitalmarketplace-frontend
Version:
Digital Marketplace Frontend contains assets and components used in Digital Marketplace projects
154 lines (153 loc) • 8.82 kB
JSON
{
"component": "summary-content-checkbox-tree",
"fixtures": [
{
"name": "default",
"options": {
"value": [
{
"label": "Parent content 1",
"options": [
{
"label": "Checkbox Tree 1 Item 1"
},
{
"label": "Checkbox Tree 1 Item 2"
},
{
"label": "Checkbox Tree 1 Item 3"
}
]
},
{
"label": "Parent content 2",
"options": [
{
"label": "Checkbox Tree 2 Item 1"
},
{
"label": "Checkbox Tree 2 Item 2"
},
{
"label": "Checkbox Tree 2 Item 3"
}
]
}
]
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<ul class=\"govuk-list\">\n <li>\n <p class=\"govuk-!-margin-bottom-1\">Parent content 1</p>\n <ul class=\"govuk-list govuk-list--bullet govuk-body-s\">\n <li>Checkbox Tree 1 Item 1</li>\n <li>Checkbox Tree 1 Item 2</li>\n <li>Checkbox Tree 1 Item 3</li>\n </ul>\n\n </li>\n\n <li>\n <p class=\"govuk-!-margin-bottom-1\">Parent content 2</p>\n <ul class=\"govuk-list govuk-list--bullet govuk-body-s\">\n <li>Checkbox Tree 2 Item 1</li>\n <li>Checkbox Tree 2 Item 2</li>\n <li>Checkbox Tree 2 Item 3</li>\n </ul>\n\n </li>\n\n </ul>"
},
{
"name": "with no children",
"options": {
"value": [
{
"label": "Parent content 1"
},
{
"label": "Parent content 2"
}
]
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<ul class=\"govuk-list govuk-list--bullet govuk-body-s\">\n <li>Parent content 1</li>\n <li>Parent content 2</li>\n </ul>"
},
{
"name": "with multiple item tiers",
"options": {
"value": [
{
"label": "Option set 1",
"options": [
{
"label": "Option set 1 1",
"options": [
{
"label": "Option set 1 1 1",
"options": [
{
"label": "Option set 1 1 1 1"
},
{
"label": "Option set 1 1 1 2"
}
]
},
{
"label": "Option set 1 1 2",
"options": [
{
"label": "Option set 1 1 2 1"
},
{
"label": "Option set 1 1 2 2"
}
]
},
{
"label": "Option set 1 1 3",
"options": [
{
"label": "Option set 1 1 3 1"
},
{
"label": "Option set 1 1 3 2"
}
]
}
]
},
{
"label": "Option set 1 2",
"options": [
{
"label": "Option set 1 2 1",
"options": [
{
"label": "Option set 1 2 1 1"
},
{
"label": "Option set 1 2 1 2"
}
]
},
{
"label": "Option set 1 2 2",
"options": [
{
"label": "Option set 1 2 2 1"
},
{
"label": "Option set 1 2 2 2"
}
]
},
{
"label": "Option set 1 2 3",
"options": [
{
"label": "Option set 1 2 3 1"
},
{
"label": "Option set 1 2 3 2"
}
]
}
]
}
]
}
]
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<ul class=\"govuk-list\">\n <li>\n <p class=\"govuk-!-margin-bottom-1\">Option set 1</p>\n <ul class=\"govuk-list\">\n <li>\n <p class=\"govuk-!-margin-bottom-1\">Option set 1 1</p>\n <ul class=\"govuk-list\">\n <li>\n <p class=\"govuk-!-margin-bottom-1\">Option set 1 1 1</p>\n <ul class=\"govuk-list govuk-list--bullet govuk-body-s\">\n <li>Option set 1 1 1 1</li>\n <li>Option set 1 1 1 2</li>\n </ul>\n\n </li>\n\n <li>\n <p class=\"govuk-!-margin-bottom-1\">Option set 1 1 2</p>\n <ul class=\"govuk-list govuk-list--bullet govuk-body-s\">\n <li>Option set 1 1 2 1</li>\n <li>Option set 1 1 2 2</li>\n </ul>\n\n </li>\n\n <li>\n <p class=\"govuk-!-margin-bottom-1\">Option set 1 1 3</p>\n <ul class=\"govuk-list govuk-list--bullet govuk-body-s\">\n <li>Option set 1 1 3 1</li>\n <li>Option set 1 1 3 2</li>\n </ul>\n\n </li>\n\n </ul>\n </li>\n\n <li>\n <p class=\"govuk-!-margin-bottom-1\">Option set 1 2</p>\n <ul class=\"govuk-list\">\n <li>\n <p class=\"govuk-!-margin-bottom-1\">Option set 1 2 1</p>\n <ul class=\"govuk-list govuk-list--bullet govuk-body-s\">\n <li>Option set 1 2 1 1</li>\n <li>Option set 1 2 1 2</li>\n </ul>\n\n </li>\n\n <li>\n <p class=\"govuk-!-margin-bottom-1\">Option set 1 2 2</p>\n <ul class=\"govuk-list govuk-list--bullet govuk-body-s\">\n <li>Option set 1 2 2 1</li>\n <li>Option set 1 2 2 2</li>\n </ul>\n\n </li>\n\n <li>\n <p class=\"govuk-!-margin-bottom-1\">Option set 1 2 3</p>\n <ul class=\"govuk-list govuk-list--bullet govuk-body-s\">\n <li>Option set 1 2 3 1</li>\n <li>Option set 1 2 3 2</li>\n </ul>\n\n </li>\n\n </ul>\n </li>\n\n </ul>\n </li>\n\n </ul>"
}
]
}