govuk-frontend/dist/govuk/components/tag/fixtures.json

GOV.UK Frontend contains the code you need to start building a user interface for government platforms and services.

{
    "component": "tag",
    "fixtures": [
        {
            "name": "default",
            "options": {
                "text": "Alpha"
            },
            "hidden": false,
            "description": "",
            "pageTemplateOptions": {},
            "screenshot": true,
            "html": "<strong class=\"govuk-tag\">\n  Alpha\n</strong>"
        },
        {
            "name": "grey",
            "options": {
                "text": "Grey",
                "classes": "govuk-tag--grey"
            },
            "hidden": false,
            "description": "",
            "pageTemplateOptions": {},
            "screenshot": false,
            "html": "<strong class=\"govuk-tag govuk-tag--grey\">\n  Grey\n</strong>"
        },
        {
            "name": "turquoise",
            "options": {
                "text": "Teal",
                "classes": "govuk-tag--teal"
            },
            "hidden": false,
            "description": "",
            "pageTemplateOptions": {},
            "screenshot": false,
            "html": "<strong class=\"govuk-tag govuk-tag--teal\">\n  Teal\n</strong>"
        },
        {
            "name": "green",
            "options": {
                "text": "Green",
                "classes": "govuk-tag--green"
            },
            "hidden": false,
            "description": "",
            "pageTemplateOptions": {},
            "screenshot": false,
            "html": "<strong class=\"govuk-tag govuk-tag--green\">\n  Green\n</strong>"
        },
        {
            "name": "purple",
            "options": {
                "text": "Purple",
                "classes": "govuk-tag--purple"
            },
            "hidden": false,
            "description": "",
            "pageTemplateOptions": {},
            "screenshot": false,
            "html": "<strong class=\"govuk-tag govuk-tag--purple\">\n  Purple\n</strong>"
        },
        {
            "name": "pink",
            "options": {
                "text": "Magenta",
                "classes": "govuk-tag--magenta"
            },
            "hidden": false,
            "description": "",
            "pageTemplateOptions": {},
            "screenshot": false,
            "html": "<strong class=\"govuk-tag govuk-tag--magenta\">\n  Magenta\n</strong>"
        },
        {
            "name": "red",
            "options": {
                "text": "Red",
                "classes": "govuk-tag--red"
            },
            "hidden": false,
            "description": "",
            "pageTemplateOptions": {},
            "screenshot": false,
            "html": "<strong class=\"govuk-tag govuk-tag--red\">\n  Red\n</strong>"
        },
        {
            "name": "orange",
            "options": {
                "text": "Orange",
                "classes": "govuk-tag--orange"
            },
            "hidden": false,
            "description": "",
            "pageTemplateOptions": {},
            "screenshot": false,
            "html": "<strong class=\"govuk-tag govuk-tag--orange\">\n  Orange\n</strong>"
        },
        {
            "name": "yellow",
            "options": {
                "text": "Yellow",
                "classes": "govuk-tag--yellow"
            },
            "hidden": false,
            "description": "",
            "pageTemplateOptions": {},
            "screenshot": false,
            "html": "<strong class=\"govuk-tag govuk-tag--yellow\">\n  Yellow\n</strong>"
        },
        {
            "name": "attributes",
            "options": {
                "text": "Tag with attributes",
                "attributes": {
                    "data-test": "attribute",
                    "id": "my-tag"
                }
            },
            "hidden": true,
            "description": "",
            "pageTemplateOptions": {},
            "screenshot": false,
            "html": "<strong class=\"govuk-tag\" data-test=\"attribute\" id=\"my-tag\">\n  Tag with attributes\n</strong>"
        },
        {
            "name": "html as text",
            "options": {
                "text": "<span>Alpha</span>"
            },
            "hidden": true,
            "description": "",
            "pageTemplateOptions": {},
            "screenshot": false,
            "html": "<strong class=\"govuk-tag\">\n  &lt;span&gt;Alpha&lt;/span&gt;\n</strong>"
        },
        {
            "name": "html",
            "options": {
                "html": "<span>Alpha</span>"
            },
            "hidden": true,
            "description": "",
            "pageTemplateOptions": {},
            "screenshot": false,
            "html": "<strong class=\"govuk-tag\">\n  <span>Alpha</span>\n</strong>"
        }
    ]
}