navody-digital-frontend
Version:
Navody.Digital Frontend contains the code you need to start building a user interface for navody.digital
82 lines • 6.12 kB
JSON
{
"component": "warning-text",
"fixtures": [
{
"name": "default",
"options": {
"text": "You can be fined up to £5,000 if you don’t register.",
"iconFallbackText": "Warning"
},
"html": "<div class=\"govuk-warning-text\">\n <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n <strong class=\"govuk-warning-text__text\">\n <span class=\"govuk-warning-text__assistive\">Warning</span>\n You can be fined up to £5,000 if you don’t register.\n </strong>\n</div>",
"hidden": false
},
{
"name": "svk",
"options": {
"text": "V prípade nedodržania 30 dňovej lehoty musíte vykonať kontrolu originality a odborný posudok s výsledkom „spôsobilé“ predložiť pri zápise nového držiteľa vozidla. Posudok o kontrole originality nemôže byť pritom starší ako 15 dní. V tomto prípade už nemusíte absolvovať obhliadku vozidla.",
"iconFallbackText": "Warning"
},
"html": "<div class=\"govuk-warning-text\">\n <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n <strong class=\"govuk-warning-text__text\">\n <span class=\"govuk-warning-text__assistive\">Warning</span>\n V prípade nedodržania 30 dňovej lehoty musíte vykonať kontrolu originality a odborný posudok s výsledkom „spôsobilé“ predložiť pri zápise nového držiteľa vozidla. Posudok o kontrole originality nemôže byť pritom starší ako 15 dní. V tomto prípade už nemusíte absolvovať obhliadku vozidla.\n </strong>\n</div>",
"hidden": false
},
{
"name": "multiple lines",
"options": {
"text": "If you are not covered by this License), You must: (a) comply with the terms stated above for the purpose of this license. It explains, for example, the production of a Source form, including but not limited to, the implied warranties or conditions of this License, without any additional file created by such Respondent to you under Sections 2.1 and 2.2 above. Larger Works. You may choose to distribute such a notice and a brief idea of what it does.",
"iconFallbackText": "Warning"
},
"html": "<div class=\"govuk-warning-text\">\n <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n <strong class=\"govuk-warning-text__text\">\n <span class=\"govuk-warning-text__assistive\">Warning</span>\n If you are not covered by this License), You must: (a) comply with the terms stated above for the purpose of this license. It explains, for example, the production of a Source form, including but not limited to, the implied warranties or conditions of this License, without any additional file created by such Respondent to you under Sections 2.1 and 2.2 above. Larger Works. You may choose to distribute such a notice and a brief idea of what it does.\n </strong>\n</div>",
"hidden": false
},
{
"name": "attributes",
"options": {
"text": "You can be fined up to £5,000 if you don’t register.",
"iconFallbackText": "Warning",
"attributes": {
"id": "my-warning-text",
"data-test": "attribute"
}
},
"html": "<div class=\"govuk-warning-text\" id=\"my-warning-text\" data-test=\"attribute\">\n <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n <strong class=\"govuk-warning-text__text\">\n <span class=\"govuk-warning-text__assistive\">Warning</span>\n You can be fined up to £5,000 if you don’t register.\n </strong>\n</div>",
"hidden": true
},
{
"name": "classes",
"options": {
"text": "Warning text",
"iconFallbackText": "Warning",
"classes": "govuk-warning-text--custom-class"
},
"html": "<div class=\"govuk-warning-text govuk-warning-text--custom-class\">\n <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n <strong class=\"govuk-warning-text__text\">\n <span class=\"govuk-warning-text__assistive\">Warning</span>\n Warning text\n </strong>\n</div>",
"hidden": true
},
{
"name": "html",
"options": {
"text": "You can be fined up to £5,000 if you don’t register.",
"iconFallbackText": "Warning",
"html": "<span>Some custom warning text</span>"
},
"html": "<div class=\"govuk-warning-text\">\n <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n <strong class=\"govuk-warning-text__text\">\n <span class=\"govuk-warning-text__assistive\">Warning</span>\n <span>Some custom warning text</span>\n </strong>\n</div>",
"hidden": true
},
{
"name": "html as text",
"options": {
"iconFallbackText": "Warning",
"text": "<span>Some custom warning text</span>"
},
"html": "<div class=\"govuk-warning-text\">\n <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n <strong class=\"govuk-warning-text__text\">\n <span class=\"govuk-warning-text__assistive\">Warning</span>\n <span>Some custom warning text</span>\n </strong>\n</div>",
"hidden": true
},
{
"name": "icon fallback text only",
"options": {
"iconFallbackText": "Some custom fallback text"
},
"html": "<div class=\"govuk-warning-text\">\n <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n <strong class=\"govuk-warning-text__text\">\n <span class=\"govuk-warning-text__assistive\">Some custom fallback text</span>\n \n </strong>\n</div>",
"hidden": true
}
]
}