{
    "component": "button",
    "fixtures": [
        {
            "name": "default",
            "options": {
                "text": "Save and continue"
            },
            "html": "<button class=\"lbcamden-button\" data-module=\"lbcamden-button\">\n  Save and continue\n</button>",
            "hidden": false
        },
        {
            "name": "large button",
            "options": {
                "text": "Save and continue",
                "largeButton": true
            },
            "html": "<button class=\"lbcamden-button lbcamden-button--large\" data-module=\"lbcamden-button\">\n  Save and continue\n</button>",
            "hidden": false
        },
        {
            "name": "disabled",
            "options": {
                "text": "Disabled button",
                "disabled": true
            },
            "html": "<button disabled=\"disabled\" aria-disabled=\"true\" class=\"lbcamden-button lbcamden-button--disabled\" data-module=\"lbcamden-button\">\n  Disabled button\n</button>",
            "hidden": false
        },
        {
            "name": "link",
            "options": {
                "text": "Link button",
                "href": "/"
            },
            "html": "<a href=\"/\" role=\"button\" draggable=\"false\" class=\"lbcamden-button\" data-module=\"lbcamden-button\">\n  Link button\n</a>",
            "hidden": false
        },
        {
            "name": "link disabled",
            "options": {
                "text": "Disabled link button",
                "href": "/",
                "disabled": true
            },
            "html": "<a href=\"/\" role=\"button\" draggable=\"false\" class=\"lbcamden-button lbcamden-button--disabled\" data-module=\"lbcamden-button\">\n  Disabled link button\n</a>",
            "hidden": false
        },
        {
            "name": "start",
            "options": {
                "text": "Start now button",
                "isStartButton": true
            },
            "html": "<button class=\"lbcamden-button lbcamden-button--start\" data-module=\"lbcamden-button\">\n  Start now button\n  <svg class=\"lbcamden-button__start-icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"8\" height=\"14\" viewBox=\"0 0 8 14\" aria-hidden=\"true\" focusable=\"false\">\n      <path d=\"M4.48116 7L0.409421 11.3565H0.409258C0.05163 11.7527 -0.0842445 12.3214 0.0519564 12.8525C0.188157 13.3837 0.576033 13.7987 1.07245 13.9444C1.56887 14.0901 2.10045 13.9448 2.47074 13.5621L7.57322 8.10283C7.84641 7.81019 8 7.41361 8 7C8 6.58638 7.8464 6.1898 7.57322 5.89718L2.47074 0.437877C2.10042 0.0552407 1.56887 -0.0901382 1.07245 0.0555872C0.576033 0.201313 0.188161 0.616313 0.0519564 1.14745C-0.0842487 1.67858 0.0516291 2.24733 0.409258 2.64352L4.48116 7Z\" fill=\"currentColor\"/>\n    </svg></button>",
            "hidden": false
        },
        {
            "name": "start link",
            "options": {
                "text": "Start now link button",
                "href": "/",
                "isStartButton": true
            },
            "html": "<a href=\"/\" role=\"button\" draggable=\"false\" class=\"lbcamden-button lbcamden-button--start\" data-module=\"lbcamden-button\">\n  Start now link button\n  <svg class=\"lbcamden-button__start-icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"8\" height=\"14\" viewBox=\"0 0 8 14\" aria-hidden=\"true\" focusable=\"false\">\n      <path d=\"M4.48116 7L0.409421 11.3565H0.409258C0.05163 11.7527 -0.0842445 12.3214 0.0519564 12.8525C0.188157 13.3837 0.576033 13.7987 1.07245 13.9444C1.56887 14.0901 2.10045 13.9448 2.47074 13.5621L7.57322 8.10283C7.84641 7.81019 8 7.41361 8 7C8 6.58638 7.8464 6.1898 7.57322 5.89718L2.47074 0.437877C2.10042 0.0552407 1.56887 -0.0901382 1.07245 0.0555872C0.576033 0.201313 0.188161 0.616313 0.0519564 1.14745C-0.0842487 1.67858 0.0516291 2.24733 0.409258 2.64352L4.48116 7Z\" fill=\"currentColor\"/>\n    </svg></a>",
            "hidden": false
        },
        {
            "name": "input",
            "options": {
                "element": "input",
                "name": "start-now",
                "text": "Start now"
            },
            "html": "<input value=\"Start now\" type=\"submit\" name=\"start-now\" class=\"lbcamden-button\" data-module=\"lbcamden-button\">",
            "hidden": false
        },
        {
            "name": "input disabled",
            "options": {
                "element": "input",
                "text": "Explicit input button disabled",
                "disabled": true
            },
            "html": "<input value=\"Explicit input button disabled\" type=\"submit\" disabled=\"disabled\" aria-disabled=\"true\" class=\"lbcamden-button lbcamden-button--disabled\" data-module=\"lbcamden-button\">",
            "hidden": false
        },
        {
            "name": "prevent double click",
            "options": {
                "text": "Submit",
                "preventDoubleClick": true
            },
            "html": "<button data-prevent-double-click=\"true\" class=\"lbcamden-button\" data-module=\"lbcamden-button\">\n  Submit\n</button>",
            "hidden": false
        },
        {
            "name": "with active state",
            "options": {
                "name": "active",
                "text": "Active",
                "classes": ":active"
            },
            "html": "<button name=\"active\" class=\"lbcamden-button :active\" data-module=\"lbcamden-button\">\n  Active\n</button>",
            "hidden": false
        },
        {
            "name": "with hover state",
            "options": {
                "name": "hover",
                "text": "Hovered",
                "classes": ":hover"
            },
            "html": "<button name=\"hover\" class=\"lbcamden-button :hover\" data-module=\"lbcamden-button\">\n  Hovered\n</button>",
            "hidden": false
        },
        {
            "name": "with focus state",
            "options": {
                "name": "focus",
                "text": "Focussed",
                "classes": ":focus"
            },
            "html": "<button name=\"focus\" class=\"lbcamden-button :focus\" data-module=\"lbcamden-button\">\n  Focussed\n</button>",
            "hidden": false
        },
        {
            "name": "Secondary",
            "options": {
                "name": "secondary",
                "text": "Secondary button",
                "classes": "lbcamden-button--secondary"
            },
            "html": "<button name=\"secondary\" class=\"lbcamden-button lbcamden-button--secondary\" data-module=\"lbcamden-button\">\n  Secondary button\n</button>",
            "hidden": false
        },
        {
            "name": "Secondary disabled",
            "options": {
                "name": "secondary",
                "text": "Secondary button disabled",
                "classes": "lbcamden-button--secondary",
                "disabled": true
            },
            "html": "<button name=\"secondary\" disabled=\"disabled\" aria-disabled=\"true\" class=\"lbcamden-button lbcamden-button--secondary lbcamden-button--disabled\" data-module=\"lbcamden-button\">\n  Secondary button disabled\n</button>",
            "hidden": false
        },
        {
            "name": "Secondary link",
            "options": {
                "name": "secondary",
                "text": "Secondary button",
                "href": "/",
                "classes": "lbcamden-button--secondary"
            },
            "html": "<a href=\"/\" role=\"button\" draggable=\"false\" class=\"lbcamden-button lbcamden-button--secondary\" data-module=\"lbcamden-button\">\n  Secondary button\n</a>",
            "hidden": false
        },
        {
            "name": "Warning",
            "options": {
                "name": "Warning",
                "text": "Warning button",
                "classes": "lbcamden-button--warning"
            },
            "html": "<button name=\"Warning\" class=\"lbcamden-button lbcamden-button--warning\" data-module=\"lbcamden-button\">\n  Warning button\n</button>",
            "hidden": false
        },
        {
            "name": "Warning disabled",
            "options": {
                "name": "warning",
                "text": "Warning button disabled",
                "classes": "lbcamden-button--warning",
                "disabled": true
            },
            "html": "<button name=\"warning\" disabled=\"disabled\" aria-disabled=\"true\" class=\"lbcamden-button lbcamden-button--warning lbcamden-button--disabled\" data-module=\"lbcamden-button\">\n  Warning button disabled\n</button>",
            "hidden": false
        },
        {
            "name": "Warning link",
            "options": {
                "name": "Warning",
                "text": "Warning button",
                "href": "/",
                "classes": "lbcamden-button--warning"
            },
            "html": "<a href=\"/\" role=\"button\" draggable=\"false\" class=\"lbcamden-button lbcamden-button--warning\" data-module=\"lbcamden-button\">\n  Warning button\n</a>",
            "hidden": false
        },
        {
            "name": "attributes",
            "options": {
                "element": "button",
                "text": "Submit",
                "attributes": {
                    "aria-controls": "example-id",
                    "data-tracking-dimension": 123
                }
            },
            "html": "<button class=\"lbcamden-button\" data-module=\"lbcamden-button\" aria-controls=\"example-id\" data-tracking-dimension=\"123\">\n  Submit\n</button>",
            "hidden": true
        },
        {
            "name": "link attributes",
            "options": {
                "element": "a",
                "text": "Submit",
                "attributes": {
                    "aria-controls": "example-id",
                    "data-tracking-dimension": 123
                }
            },
            "html": "<a href=\"#\" role=\"button\" draggable=\"false\" class=\"lbcamden-button\" data-module=\"lbcamden-button\" aria-controls=\"example-id\" data-tracking-dimension=\"123\">\n  Submit\n</a>",
            "hidden": true
        },
        {
            "name": "input attributes",
            "options": {
                "element": "input",
                "text": "Submit",
                "attributes": {
                    "aria-controls": "example-id",
                    "data-tracking-dimension": 123
                }
            },
            "html": "<input value=\"Submit\" type=\"submit\" class=\"lbcamden-button\" data-module=\"lbcamden-button\" aria-controls=\"example-id\" data-tracking-dimension=\"123\">",
            "hidden": true
        },
        {
            "name": "classes",
            "options": {
                "text": "Submit",
                "element": "button",
                "classes": "app-button--custom-modifier"
            },
            "html": "<button class=\"lbcamden-button app-button--custom-modifier\" data-module=\"lbcamden-button\">\n  Submit\n</button>",
            "hidden": true
        },
        {
            "name": "link classes",
            "options": {
                "text": "Submit",
                "element": "a",
                "classes": "app-button--custom-modifier"
            },
            "html": "<a href=\"#\" role=\"button\" draggable=\"false\" class=\"lbcamden-button app-button--custom-modifier\" data-module=\"lbcamden-button\">\n  Submit\n</a>",
            "hidden": true
        },
        {
            "name": "input classes",
            "options": {
                "text": "Submit",
                "element": "input",
                "classes": "app-button--custom-modifier"
            },
            "html": "<input value=\"Submit\" type=\"submit\" class=\"lbcamden-button app-button--custom-modifier\" data-module=\"lbcamden-button\">",
            "hidden": true
        },
        {
            "name": "name",
            "options": {
                "text": "Submit",
                "element": "button",
                "name": "start-now"
            },
            "html": "<button name=\"start-now\" class=\"lbcamden-button\" data-module=\"lbcamden-button\">\n  Submit\n</button>",
            "hidden": true
        },
        {
            "name": "type",
            "options": {
                "text": "Submit",
                "element": "button",
                "type": "button"
            },
            "html": "<button type=\"button\" class=\"lbcamden-button\" data-module=\"lbcamden-button\">\n  Submit\n</button>",
            "hidden": true
        },
        {
            "name": "input type",
            "options": {
                "text": "Submit",
                "element": "input",
                "type": "button"
            },
            "html": "<input value=\"Submit\" type=\"button\" class=\"lbcamden-button\" data-module=\"lbcamden-button\">",
            "hidden": true
        },
        {
            "name": "explicit link",
            "options": {
                "element": "a",
                "href": "/",
                "text": "Continue"
            },
            "html": "<a href=\"/\" role=\"button\" draggable=\"false\" class=\"lbcamden-button\" data-module=\"lbcamden-button\">\n  Continue\n</a>",
            "hidden": true
        },
        {
            "name": "no href",
            "options": {
                "text": "Submit",
                "element": "a"
            },
            "html": "<a href=\"#\" role=\"button\" draggable=\"false\" class=\"lbcamden-button\" data-module=\"lbcamden-button\">\n  Submit\n</a>",
            "hidden": true
        },
        {
            "name": "value",
            "options": {
                "text": "Submit",
                "element": "button",
                "value": "start"
            },
            "html": "<button value=\"start\" class=\"lbcamden-button\" data-module=\"lbcamden-button\">\n  Submit\n</button>",
            "hidden": true
        },
        {
            "name": "html",
            "options": {
                "text": "Submit",
                "element": "button",
                "html": "Start <em>now</em>"
            },
            "html": "<button class=\"lbcamden-button\" data-module=\"lbcamden-button\">\n  Start <em>now</em>\n</button>",
            "hidden": true
        },
        {
            "name": "no data",
            "options": {},
            "html": "<button class=\"lbcamden-button\" data-module=\"lbcamden-button\">\n  \n</button>",
            "hidden": true
        }
    ]
}