govuk-frontend
Version:
GOV.UK Frontend contains the code you need to start building a user interface for government platforms and services.
78 lines (77 loc) • 3.28 kB
JSON
{
"component": "hint",
"fixtures": [
{
"name": "default",
"options": {
"text": "It's on your National Insurance card, benefit letter, payslip or P60.\nFor example, 'QQ 12 34 56 C'.\n"
},
"hidden": false,
"description": "",
"pageTemplateOptions": {},
"screenshot": true,
"html": "<div class=\"govuk-hint\">\n It's on your National Insurance card, benefit letter, payslip or P60.\nFor example, 'QQ 12 34 56 C'.\n\n</div>"
},
{
"name": "with html",
"options": {
"html": "It's on your National Insurance card, benefit letter, payslip or <a class=\"govuk-link\" href=\"#\">P60</a>.\nFor example, 'QQ 12 34 56 C'.\n"
},
"hidden": false,
"description": "",
"pageTemplateOptions": {},
"screenshot": false,
"html": "<div class=\"govuk-hint\">\n It's on your National Insurance card, benefit letter, payslip or <a class=\"govuk-link\" href=\"#\">P60</a>.\n For example, 'QQ 12 34 56 C'.\n</div>"
},
{
"name": "classes",
"options": {
"id": "example-hint",
"classes": "app-hint--custom-modifier",
"text": "It's on your National Insurance card, benefit letter, payslip or P60."
},
"hidden": true,
"description": "",
"pageTemplateOptions": {},
"screenshot": false,
"html": "<div id=\"example-hint\" class=\"govuk-hint app-hint--custom-modifier\">\n It's on your National Insurance card, benefit letter, payslip or P60.\n</div>"
},
{
"name": "id",
"options": {
"id": "my-hint",
"text": "It's on your National Insurance card, benefit letter, payslip or P60."
},
"hidden": true,
"description": "",
"pageTemplateOptions": {},
"screenshot": false,
"html": "<div id=\"my-hint\" class=\"govuk-hint\">\n It's on your National Insurance card, benefit letter, payslip or P60.\n</div>"
},
{
"name": "html as text",
"options": {
"text": "Unexpected <strong>bold text</strong> in body"
},
"hidden": true,
"description": "",
"pageTemplateOptions": {},
"screenshot": false,
"html": "<div class=\"govuk-hint\">\n Unexpected <strong>bold text</strong> in body\n</div>"
},
{
"name": "attributes",
"options": {
"text": "It's on your National Insurance card, benefit letter, payslip or P60.",
"attributes": {
"data-attribute": "my data value"
}
},
"hidden": true,
"description": "",
"pageTemplateOptions": {},
"screenshot": false,
"html": "<div class=\"govuk-hint\" data-attribute=\"my data value\">\n It's on your National Insurance card, benefit letter, payslip or P60.\n</div>"
}
]
}