govuk-frontend/dist/govuk/components/skip-link/fixtures.json

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

{
    "component": "skip-link",
    "fixtures": [
        {
            "name": "default",
            "options": {
                "text": "Skip to main content",
                "href": "#test-target-element"
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "screenshot": false,
            "html": "<a href=\"#test-target-element\" class=\"govuk-skip-link\" data-module=\"govuk-skip-link\">Skip to main content</a>"
        },
        {
            "name": "with focus",
            "options": {
                "classes": ":focus",
                "text": "Skip to main content",
                "href": "#test-target-element"
            },
            "hidden": false,
            "description": "Simulate triggering the :focus CSS pseudo-class, not available in the production build.",
            "previewLayoutModifiers": [],
            "screenshot": false,
            "html": "<a href=\"#test-target-element\" class=\"govuk-skip-link :focus\" data-module=\"govuk-skip-link\">Skip to main content</a>"
        },
        {
            "name": "no href",
            "options": {
                "text": "Skip to main content"
            },
            "hidden": true,
            "description": "",
            "previewLayoutModifiers": [],
            "screenshot": false,
            "html": "<a href=\"#content\" class=\"govuk-skip-link\" data-module=\"govuk-skip-link\">Skip to main content</a>"
        },
        {
            "name": "custom href",
            "options": {
                "text": "Skip to custom content",
                "href": "#custom"
            },
            "hidden": true,
            "description": "",
            "previewLayoutModifiers": [],
            "screenshot": false,
            "html": "<a href=\"#custom\" class=\"govuk-skip-link\" data-module=\"govuk-skip-link\">Skip to custom content</a>"
        },
        {
            "name": "custom text",
            "options": {
                "text": "skip"
            },
            "hidden": true,
            "description": "",
            "previewLayoutModifiers": [],
            "screenshot": false,
            "html": "<a href=\"#content\" class=\"govuk-skip-link\" data-module=\"govuk-skip-link\">skip</a>"
        },
        {
            "name": "html as text",
            "options": {
                "text": "<p>skip</p>"
            },
            "hidden": true,
            "description": "",
            "previewLayoutModifiers": [],
            "screenshot": false,
            "html": "<a href=\"#content\" class=\"govuk-skip-link\" data-module=\"govuk-skip-link\">&lt;p&gt;skip&lt;/p&gt;</a>"
        },
        {
            "name": "html",
            "options": {
                "html": "<p>skip</p>"
            },
            "hidden": true,
            "description": "",
            "previewLayoutModifiers": [],
            "screenshot": false,
            "html": "<a href=\"#content\" class=\"govuk-skip-link\" data-module=\"govuk-skip-link\"><p>skip</p></a>"
        },
        {
            "name": "classes",
            "options": {
                "text": "Skip link",
                "classes": "app-skip-link--custom-class"
            },
            "hidden": true,
            "description": "",
            "previewLayoutModifiers": [],
            "screenshot": false,
            "html": "<a href=\"#content\" class=\"govuk-skip-link app-skip-link--custom-class\" data-module=\"govuk-skip-link\">Skip link</a>"
        },
        {
            "name": "attributes",
            "options": {
                "text": "Skip link",
                "attributes": {
                    "data-test": "attribute",
                    "aria-label": "Skip to content"
                }
            },
            "hidden": true,
            "description": "",
            "previewLayoutModifiers": [],
            "screenshot": false,
            "html": "<a href=\"#content\" class=\"govuk-skip-link\" data-test=\"attribute\" aria-label=\"Skip to content\" data-module=\"govuk-skip-link\">Skip link</a>"
        }
    ]
}