digitalmarketplace-frontend
Version:
Digital Marketplace Frontend contains assets and components used in Digital Marketplace projects
177 lines (176 loc) • 12.6 kB
JSON
{
"component": "summary-content-list-multiquestion",
"fixtures": [
{
"name": "default",
"options": {
"value": [
{
"name": "I am name 1",
"value": [
{
"name": "Here is the first question",
"type": "text",
"value": "Text for 0 0"
},
{
"name": "Here is the second question",
"type": "text",
"value": "Text for 0 1"
}
]
},
{
"name": "I am name 2",
"value": [
{
"name": "Here is the first question",
"type": "text",
"value": "Text for 1 0"
},
{
"name": "Here is the second question",
"type": "text",
"value": "Text for 1 1"
}
]
},
{
"name": "I am name 3",
"value": [
{
"name": "Here is the first question",
"type": "text",
"value": "Text for 2 0"
},
{
"name": "Here is the second question",
"type": "text",
"value": "Text for 2 1"
}
]
}
]
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<div class=\"list-multiquestion govuk-body-s\">\n <div class=\"list-multiquestion__item govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-2\">I am name 1</p>\n <div class=\"multiquestion govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the first question</p>\n <div>\n <p class=\"govuk-body-s\">\n Text for 0 0\n</p>\n\n\n </div>\n </div>\n <div class=\"multiquestion govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the second question</p>\n <div>\n <p class=\"govuk-body-s\">\n Text for 0 1\n</p>\n\n\n </div>\n </div>\n\n </div>\n <div class=\"list-multiquestion__item govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-2\">I am name 2</p>\n <div class=\"multiquestion govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the first question</p>\n <div>\n <p class=\"govuk-body-s\">\n Text for 1 0\n</p>\n\n\n </div>\n </div>\n <div class=\"multiquestion govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the second question</p>\n <div>\n <p class=\"govuk-body-s\">\n Text for 1 1\n</p>\n\n\n </div>\n </div>\n\n </div>\n <div class=\"list-multiquestion__item govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-2\">I am name 3</p>\n <div class=\"multiquestion govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the first question</p>\n <div>\n <p class=\"govuk-body-s\">\n Text for 2 0\n</p>\n\n\n </div>\n </div>\n <div class=\"multiquestion govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the second question</p>\n <div>\n <p class=\"govuk-body-s\">\n Text for 2 1\n</p>\n\n\n </div>\n </div>\n\n </div>\n </div>"
},
{
"name": "with question",
"options": {
"value": [
{
"question": "I am question 1",
"value": [
{
"name": "Here is the first question",
"type": "text",
"value": "Text for 0 0"
},
{
"name": "Here is the second question",
"type": "text",
"value": "Text for 0 1"
}
]
},
{
"question": "I am question 2",
"value": [
{
"name": "Here is the first question",
"type": "text",
"value": "Text for 1 0"
},
{
"name": "Here is the second question",
"type": "text",
"value": "Text for 1 1"
}
]
},
{
"question": "I am question 3",
"value": [
{
"name": "Here is the first question",
"type": "text",
"value": "Text for 2 0"
},
{
"name": "Here is the second question",
"type": "text",
"value": "Text for 2 1"
}
]
}
]
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<div class=\"list-multiquestion govuk-body-s\">\n <div class=\"list-multiquestion__item govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-2\">I am question 1</p>\n <div class=\"multiquestion govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the first question</p>\n <div>\n <p class=\"govuk-body-s\">\n Text for 0 0\n</p>\n\n\n </div>\n </div>\n <div class=\"multiquestion govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the second question</p>\n <div>\n <p class=\"govuk-body-s\">\n Text for 0 1\n</p>\n\n\n </div>\n </div>\n\n </div>\n <div class=\"list-multiquestion__item govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-2\">I am question 2</p>\n <div class=\"multiquestion govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the first question</p>\n <div>\n <p class=\"govuk-body-s\">\n Text for 1 0\n</p>\n\n\n </div>\n </div>\n <div class=\"multiquestion govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the second question</p>\n <div>\n <p class=\"govuk-body-s\">\n Text for 1 1\n</p>\n\n\n </div>\n </div>\n\n </div>\n <div class=\"list-multiquestion__item govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-2\">I am question 3</p>\n <div class=\"multiquestion govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the first question</p>\n <div>\n <p class=\"govuk-body-s\">\n Text for 2 0\n</p>\n\n\n </div>\n </div>\n <div class=\"multiquestion govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the second question</p>\n <div>\n <p class=\"govuk-body-s\">\n Text for 2 1\n</p>\n\n\n </div>\n </div>\n\n </div>\n </div>"
},
{
"name": "with question and name",
"options": {
"value": [
{
"name": "I am name 1",
"question": "I am question 1",
"value": [
{
"name": "Here is the first question",
"type": "text",
"value": "Text for 0 0"
},
{
"name": "Here is the second question",
"type": "text",
"value": "Text for 0 1"
}
]
},
{
"name": "I am name 2",
"question": "I am question 2",
"value": [
{
"name": "Here is the first question",
"type": "text",
"value": "Text for 1 0"
},
{
"name": "Here is the second question",
"type": "text",
"value": "Text for 1 1"
}
]
},
{
"name": "I am name 3",
"question": "I am question 3",
"value": [
{
"name": "Here is the first question",
"type": "text",
"value": "Text for 2 0"
},
{
"name": "Here is the second question",
"type": "text",
"value": "Text for 2 1"
}
]
}
]
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<div class=\"list-multiquestion govuk-body-s\">\n <div class=\"list-multiquestion__item govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-2\">I am name 1</p>\n <div class=\"multiquestion govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the first question</p>\n <div>\n <p class=\"govuk-body-s\">\n Text for 0 0\n</p>\n\n\n </div>\n </div>\n <div class=\"multiquestion govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the second question</p>\n <div>\n <p class=\"govuk-body-s\">\n Text for 0 1\n</p>\n\n\n </div>\n </div>\n\n </div>\n <div class=\"list-multiquestion__item govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-2\">I am name 2</p>\n <div class=\"multiquestion govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the first question</p>\n <div>\n <p class=\"govuk-body-s\">\n Text for 1 0\n</p>\n\n\n </div>\n </div>\n <div class=\"multiquestion govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the second question</p>\n <div>\n <p class=\"govuk-body-s\">\n Text for 1 1\n</p>\n\n\n </div>\n </div>\n\n </div>\n <div class=\"list-multiquestion__item govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-2\">I am name 3</p>\n <div class=\"multiquestion govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the first question</p>\n <div>\n <p class=\"govuk-body-s\">\n Text for 2 0\n</p>\n\n\n </div>\n </div>\n <div class=\"multiquestion govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the second question</p>\n <div>\n <p class=\"govuk-body-s\">\n Text for 2 1\n</p>\n\n\n </div>\n </div>\n\n </div>\n </div>"
}
]
}