{
    "component": "fieldset",
    "fixtures": [
        {
            "name": "default",
            "options": {
                "legend": {
                    "text": "What is your address?"
                }
            },
            "html": "<fieldset class=\"moaland-fieldset\">\n  \n  <legend class=\"moaland-fieldset__legend\">\n  \n    What is your address?\n  \n  </legend>\n  \n\n</fieldset>",
            "hidden": false
        },
        {
            "name": "as page heading",
            "options": {
                "legend": {
                    "text": "What is your address?",
                    "classes": "moaland-fieldset__legend--xl",
                    "isPageHeading": true
                }
            },
            "html": "<fieldset class=\"moaland-fieldset\">\n  \n  <legend class=\"moaland-fieldset__legend moaland-fieldset__legend--xl\">\n  \n    <h1 class=\"moaland-fieldset__heading\">\n      What is your address?\n    </h1>\n  \n  </legend>\n  \n\n</fieldset>",
            "hidden": false
        },
        {
            "name": "html fieldset content",
            "options": {
                "legend": {
                    "text": "What is your address?"
                },
                "html": "<div class=\"my-content\">\n  <p>This is some content to put inside the fieldset</p>\n</div>\n"
            },
            "html": "<fieldset class=\"moaland-fieldset\">\n  \n  <legend class=\"moaland-fieldset__legend\">\n  \n    What is your address?\n  \n  </legend>\n  \n\n  <div class=\"my-content\">\n  <p>This is some content to put inside the fieldset</p>\n</div>\n\n\n</fieldset>",
            "hidden": true
        },
        {
            "name": "with describedBy",
            "options": {
                "describedBy": "some-id"
            },
            "html": "<fieldset class=\"moaland-fieldset\" aria-describedby=\"some-id\">\n  \n\n</fieldset>",
            "hidden": true
        },
        {
            "name": "html as text",
            "options": {
                "legend": {
                    "text": "What is <b>your</b> address?"
                }
            },
            "html": "<fieldset class=\"moaland-fieldset\">\n  \n  <legend class=\"moaland-fieldset__legend\">\n  \n    What is &lt;b&gt;your&lt;/b&gt; address?\n  \n  </legend>\n  \n\n</fieldset>",
            "hidden": true
        },
        {
            "name": "html",
            "options": {
                "legend": {
                    "html": "What is <b>your</b> address?"
                }
            },
            "html": "<fieldset class=\"moaland-fieldset\">\n  \n  <legend class=\"moaland-fieldset__legend\">\n  \n    What is <b>your</b> address?\n  \n  </legend>\n  \n\n</fieldset>",
            "hidden": true
        },
        {
            "name": "legend classes",
            "options": {
                "legend": {
                    "text": "What is your address?",
                    "classes": "my-custom-class"
                }
            },
            "html": "<fieldset class=\"moaland-fieldset\">\n  \n  <legend class=\"moaland-fieldset__legend my-custom-class\">\n  \n    What is your address?\n  \n  </legend>\n  \n\n</fieldset>",
            "hidden": true
        },
        {
            "name": "classes",
            "options": {
                "classes": "app-fieldset--custom-modifier"
            },
            "html": "<fieldset class=\"moaland-fieldset app-fieldset--custom-modifier\">\n  \n\n</fieldset>",
            "hidden": true
        },
        {
            "name": "role",
            "options": {
                "role": "group"
            },
            "html": "<fieldset class=\"moaland-fieldset\" role=\"group\">\n  \n\n</fieldset>",
            "hidden": true
        },
        {
            "name": "attributes",
            "options": {
                "attributes": {
                    "data-attribute": "value"
                }
            },
            "html": "<fieldset class=\"moaland-fieldset\" data-attribute=\"value\">\n  \n\n</fieldset>",
            "hidden": true
        }
    ]
}