{
"name": "Radios",
"component": "radios",
"fixtures": [
{
"name": "default",
"context": {
"fieldset": {
"legend": {
"text": "How do you want to be contacted about this?",
"size": "l",
"isPageHeading": true
}
},
"name": "example",
"items": [
{
"value": "email",
"text": "Email"
},
{
"value": "phone",
"text": "Phone"
},
{
"value": "text",
"text": "Text message"
}
]
},
"screenshot": {
"viewports": [
"mobile",
"tablet",
"desktop"
]
},
"options": {},
"html": ""
},
{
"name": "default",
"description": "small",
"context": {
"fieldset": {
"legend": {
"text": "How do you want to be contacted about this?",
"size": "m",
"isPageHeading": true
}
},
"name": "example",
"items": [
{
"value": "email",
"text": "Email"
},
{
"value": "phone",
"text": "Phone"
},
{
"value": "text",
"text": "Text message"
}
],
"small": true
},
"screenshot": {
"viewports": [
"mobile",
"tablet",
"desktop"
]
},
"options": {},
"html": ""
},
{
"name": "disabled",
"context": {
"fieldset": {
"legend": {
"text": "How do you want to be contacted about this?",
"size": "l",
"isPageHeading": true
}
},
"idPrefix": "disabled",
"name": "example",
"disabled": true,
"items": [
{
"value": "email",
"text": "Email"
},
{
"value": "phone",
"text": "Phone"
},
{
"value": "text",
"text": "Text message"
}
]
},
"screenshot": {
"viewports": [
"mobile",
"tablet",
"desktop"
]
},
"options": {},
"html": ""
},
{
"name": "disabled",
"description": "small",
"context": {
"fieldset": {
"legend": {
"text": "How do you want to be contacted about this?",
"size": "m",
"isPageHeading": true
}
},
"idPrefix": "disabled",
"name": "example",
"disabled": true,
"items": [
{
"value": "email",
"text": "Email"
},
{
"value": "phone",
"text": "Phone"
},
{
"value": "text",
"text": "Text message"
}
],
"small": true
},
"screenshot": {
"viewports": [
"mobile",
"tablet",
"desktop"
]
},
"options": {},
"html": ""
},
{
"name": "disabled input",
"context": {
"fieldset": {
"legend": {
"text": "How do you want to be contacted about this?",
"size": "l",
"isPageHeading": true
}
},
"idPrefix": "disabled-input",
"name": "example",
"items": [
{
"value": "email",
"text": "Email"
},
{
"value": "phone",
"text": "Phone"
},
{
"value": "text",
"text": "Text message",
"disabled": true
}
]
},
"screenshot": false,
"options": {},
"html": ""
},
{
"name": "disabled input",
"description": "small",
"context": {
"fieldset": {
"legend": {
"text": "How do you want to be contacted about this?",
"size": "m",
"isPageHeading": true
}
},
"idPrefix": "disabled-input",
"name": "example",
"items": [
{
"value": "email",
"text": "Email"
},
{
"value": "phone",
"text": "Phone"
},
{
"value": "text",
"text": "Text message",
"disabled": true
}
],
"small": true
},
"screenshot": false,
"options": {},
"html": ""
},
{
"name": "disabled with enabled input",
"context": {
"fieldset": {
"legend": {
"text": "How do you want to be contacted about this?",
"size": "l",
"isPageHeading": true
}
},
"idPrefix": "disabled-enabled-input",
"name": "example",
"disabled": true,
"items": [
{
"value": "email",
"text": "Email"
},
{
"value": "phone",
"text": "Phone"
},
{
"value": "text",
"text": "Text message",
"disabled": false
}
]
},
"screenshot": false,
"options": {},
"html": ""
},
{
"name": "disabled with enabled input",
"description": "small",
"context": {
"fieldset": {
"legend": {
"text": "How do you want to be contacted about this?",
"size": "m",
"isPageHeading": true
}
},
"idPrefix": "disabled-enabled-input",
"name": "example",
"disabled": true,
"items": [
{
"value": "email",
"text": "Email"
},
{
"value": "phone",
"text": "Phone"
},
{
"value": "text",
"text": "Text message",
"disabled": false
}
],
"small": true
},
"screenshot": false,
"options": {},
"html": ""
},
{
"name": "inline",
"context": {
"fieldset": {
"legend": {
"text": "Are you 18 or over?",
"size": "l",
"isPageHeading": true
}
},
"idPrefix": "inline",
"name": "example",
"inline": true,
"items": [
{
"value": "yes",
"text": "Yes"
},
{
"value": "no",
"text": "No"
}
]
},
"screenshot": {
"viewports": [
"mobile",
"tablet",
"desktop"
]
},
"options": {},
"html": ""
},
{
"name": "inline",
"description": "small",
"context": {
"fieldset": {
"legend": {
"text": "Are you 18 or over?",
"size": "m",
"isPageHeading": true
}
},
"idPrefix": "inline",
"name": "example",
"inline": true,
"items": [
{
"value": "yes",
"text": "Yes"
},
{
"value": "no",
"text": "No"
}
],
"small": true
},
"screenshot": {
"viewports": [
"mobile",
"tablet",
"desktop"
]
},
"options": {},
"html": ""
},
{
"name": "legend",
"description": "with size S",
"context": {
"fieldset": {
"legend": {
"text": "How do you want to be contacted about this?",
"size": "s"
}
},
"idPrefix": "custom-size",
"name": "example",
"items": [
{
"value": "email",
"text": "Email"
},
{
"value": "phone",
"text": "Phone"
},
{
"value": "text",
"text": "Text message"
}
]
},
"screenshot": false,
"options": {},
"html": ""
},
{
"name": "legend",
"description": "with size M",
"context": {
"fieldset": {
"legend": {
"text": "How do you want to be contacted about this?",
"size": "m"
}
},
"idPrefix": "custom-size",
"name": "example",
"items": [
{
"value": "email",
"text": "Email"
},
{
"value": "phone",
"text": "Phone"
},
{
"value": "text",
"text": "Text message"
}
]
},
"screenshot": false,
"options": {},
"html": ""
},
{
"name": "legend",
"description": "with size L",
"context": {
"fieldset": {
"legend": {
"text": "How do you want to be contacted about this?",
"size": "l"
}
},
"idPrefix": "custom-size",
"name": "example",
"items": [
{
"value": "email",
"text": "Email"
},
{
"value": "phone",
"text": "Phone"
},
{
"value": "text",
"text": "Text message"
}
]
},
"screenshot": false,
"options": {},
"html": ""
},
{
"name": "legend",
"description": "with size XL",
"context": {
"fieldset": {
"legend": {
"text": "How do you want to be contacted about this?",
"size": "xl"
}
},
"idPrefix": "custom-size",
"name": "example",
"items": [
{
"value": "email",
"text": "Email"
},
{
"value": "phone",
"text": "Phone"
},
{
"value": "text",
"text": "Text message"
}
]
},
"screenshot": false,
"options": {},
"html": ""
},
{
"name": "with conditional content",
"context": {
"fieldset": {
"legend": {
"text": "How do you want to be contacted about this?",
"size": "l",
"isPageHeading": true
}
},
"hint": {
"text": "Select 1 option"
},
"idPrefix": "conditional",
"name": "example",
"items": [
{
"value": "email",
"text": "Email",
"conditional": {
"html": "\n \n Email address\n \n
\n"
}
},
{
"value": "phone",
"text": "Phone",
"conditional": {
"html": "\n \n Phone number\n \n
\n"
}
},
{
"value": "text",
"text": "Text message",
"conditional": {
"html": "\n \n Mobile phone number\n \n
\n"
}
}
]
},
"screenshot": false,
"options": {},
"html": ""
},
{
"name": "with conditional content",
"description": "small",
"context": {
"fieldset": {
"legend": {
"text": "How do you want to be contacted about this?",
"size": "m",
"isPageHeading": true
}
},
"hint": {
"text": "Select 1 option"
},
"idPrefix": "conditional",
"name": "example",
"items": [
{
"value": "email",
"text": "Email",
"conditional": {
"html": "\n \n Email address\n \n
\n"
}
},
{
"value": "phone",
"text": "Phone",
"conditional": {
"html": "\n \n Phone number\n \n
\n"
}
},
{
"value": "text",
"text": "Text message",
"conditional": {
"html": "\n \n Mobile phone number\n \n
\n"
}
}
],
"small": true
},
"screenshot": false,
"options": {},
"html": ""
},
{
"name": "with conditional content, error message",
"context": {
"fieldset": {
"legend": {
"text": "How do you want to be contacted about this?",
"size": "l",
"isPageHeading": true
}
},
"hint": {
"text": "Select 1 option"
},
"errorMessage": {
"text": "Select how you want to be contacted"
},
"idPrefix": "conditional",
"name": "example",
"items": [
{
"value": "email",
"text": "Email",
"conditional": {
"html": "\n \n Email address\n \n
\n"
}
},
{
"value": "phone",
"text": "Phone",
"conditional": {
"html": "\n \n Phone number\n \n
\n"
}
},
{
"value": "text",
"text": "Text message",
"conditional": {
"html": "\n \n Mobile phone number\n \n
\n"
}
}
]
},
"screenshot": false,
"options": {},
"html": ""
},
{
"name": "with conditional content, error message",
"description": "small",
"context": {
"fieldset": {
"legend": {
"text": "How do you want to be contacted about this?",
"size": "m",
"isPageHeading": true
}
},
"hint": {
"text": "Select 1 option"
},
"errorMessage": {
"text": "Select how you want to be contacted"
},
"idPrefix": "conditional",
"name": "example",
"items": [
{
"value": "email",
"text": "Email",
"conditional": {
"html": "\n \n Email address\n \n
\n"
}
},
{
"value": "phone",
"text": "Phone",
"conditional": {
"html": "\n \n Phone number\n \n
\n"
}
},
{
"value": "text",
"text": "Text message",
"conditional": {
"html": "\n \n Mobile phone number\n \n
\n"
}
}
],
"small": true
},
"screenshot": false,
"options": {},
"html": ""
},
{
"name": "with conditional content, error message (nested)",
"context": {
"fieldset": {
"legend": {
"text": "How do you want to be contacted about this?",
"size": "l",
"isPageHeading": true
}
},
"hint": {
"text": "Select 1 option"
},
"idPrefix": "conditional",
"name": "example",
"value": "phone",
"items": [
{
"value": "email",
"text": "Email",
"conditional": {
"html": "\n \n Email address\n \n
\n"
}
},
{
"value": "phone",
"text": "Phone",
"conditional": {
"html": "\n \n Phone number\n \n \n Error: Enter your phone number\n \n
\n"
}
},
{
"value": "text",
"text": "Text message",
"conditional": {
"html": "\n \n Mobile phone number\n \n
\n"
}
}
]
},
"screenshot": {
"states": [
"focus"
],
"selector": "#conditional-2",
"viewports": [
"mobile",
"tablet",
"desktop"
]
},
"options": {},
"html": ""
},
{
"name": "with conditional content, error message (nested)",
"description": "small",
"context": {
"fieldset": {
"legend": {
"text": "How do you want to be contacted about this?",
"size": "m",
"isPageHeading": true
}
},
"hint": {
"text": "Select 1 option"
},
"idPrefix": "conditional",
"name": "example",
"value": "phone",
"items": [
{
"value": "email",
"text": "Email",
"conditional": {
"html": "\n \n Email address\n \n
\n"
}
},
{
"value": "phone",
"text": "Phone",
"conditional": {
"html": "\n \n Phone number\n \n \n Error: Enter your phone number\n \n
\n"
}
},
{
"value": "text",
"text": "Text message",
"conditional": {
"html": "\n \n Mobile phone number\n \n
\n"
}
}
],
"small": true
},
"screenshot": {
"states": [
"focus"
],
"selector": "#conditional-2",
"viewports": [
"mobile",
"tablet",
"desktop"
]
},
"options": {},
"html": ""
},
{
"name": "with conditional content, special characters",
"context": {
"fieldset": {
"legend": {
"text": "How do you want to be contacted about this?",
"size": "l",
"isPageHeading": true
}
},
"hint": {
"text": "Select 1 option"
},
"idPrefix": "user.profile[contact-prefs]",
"name": "example",
"items": [
{
"value": "email",
"text": "Email",
"conditional": {
"html": "\n \n Email address\n \n
\n"
}
},
{
"value": "phone",
"text": "Phone",
"conditional": {
"html": "\n \n Phone number\n \n
\n"
}
},
{
"value": "text",
"text": "Text message",
"conditional": {
"html": "\n \n Mobile phone number\n \n
\n"
}
}
]
},
"screenshot": false,
"options": {
"hidden": true
},
"html": ""
},
{
"name": "with conditional content, special characters",
"description": "small",
"context": {
"fieldset": {
"legend": {
"text": "How do you want to be contacted about this?",
"size": "m",
"isPageHeading": true
}
},
"hint": {
"text": "Select 1 option"
},
"idPrefix": "user.profile[contact-prefs]",
"name": "example",
"items": [
{
"value": "email",
"text": "Email",
"conditional": {
"html": "\n \n Email address\n \n
\n"
}
},
{
"value": "phone",
"text": "Phone",
"conditional": {
"html": "\n \n Phone number\n \n
\n"
}
},
{
"value": "text",
"text": "Text message",
"conditional": {
"html": "\n \n Mobile phone number\n \n
\n"
}
}
],
"small": true
},
"screenshot": false,
"options": {
"hidden": true
},
"html": ""
},
{
"name": "with divider",
"context": {
"fieldset": {
"legend": {
"text": "Do you know your NHS number?",
"size": "l",
"isPageHeading": true
}
},
"hint": {
"html": "This is a 10 digit number (like 999 123 4567 ) that you can find on an NHS letter, prescription or in the NHS App"
},
"idPrefix": "with-divider",
"name": "example",
"items": [
{
"value": "yes",
"text": "Yes, I know my NHS number"
},
{
"value": "no",
"text": "No, I do not know my NHS number"
},
{
"divider": "or"
},
{
"value": "not sure",
"text": "I'm not sure"
}
]
},
"screenshot": {
"viewports": [
"mobile",
"tablet",
"desktop"
]
},
"options": {},
"html": ""
},
{
"name": "with divider",
"description": "small",
"context": {
"fieldset": {
"legend": {
"text": "Do you know your NHS number?",
"size": "m",
"isPageHeading": true
}
},
"hint": {
"html": "This is a 10 digit number (like 999 123 4567 ) that you can find on an NHS letter, prescription or in the NHS App"
},
"idPrefix": "with-divider",
"name": "example",
"items": [
{
"value": "yes",
"text": "Yes, I know my NHS number"
},
{
"value": "no",
"text": "No, I do not know my NHS number"
},
{
"divider": "or"
},
{
"value": "not sure",
"text": "I'm not sure"
}
],
"small": true
},
"screenshot": {
"viewports": [
"mobile",
"tablet",
"desktop"
]
},
"options": {},
"html": ""
},
{
"name": "with error message",
"context": {
"fieldset": {
"legend": {
"text": "How do you want to be contacted about this?",
"size": "l",
"isPageHeading": true
}
},
"errorMessage": {
"text": "Select how you want to be contacted"
},
"idPrefix": "with-error-message",
"name": "example",
"items": [
{
"value": "email",
"text": "Email"
},
{
"value": "phone",
"text": "Phone"
},
{
"value": "text",
"text": "Text message"
}
]
},
"screenshot": false,
"options": {},
"html": ""
},
{
"name": "with error message",
"description": "small",
"context": {
"fieldset": {
"legend": {
"text": "How do you want to be contacted about this?",
"size": "m",
"isPageHeading": true
}
},
"errorMessage": {
"text": "Select how you want to be contacted"
},
"idPrefix": "with-error-message",
"name": "example",
"items": [
{
"value": "email",
"text": "Email"
},
{
"value": "phone",
"text": "Phone"
},
{
"value": "text",
"text": "Text message"
}
],
"small": true
},
"screenshot": false,
"options": {},
"html": ""
},
{
"name": "with error message and hint",
"context": {
"fieldset": {
"legend": {
"text": "How do you want to be contacted about this?",
"size": "l",
"isPageHeading": true
}
},
"hint": {
"text": "Select 1 option"
},
"errorMessage": {
"text": "Select how you want to be contacted"
},
"idPrefix": "with-hint-error",
"name": "example",
"items": [
{
"value": "email",
"text": "Email"
},
{
"value": "phone",
"text": "Phone"
},
{
"value": "text",
"text": "Text message"
}
]
},
"screenshot": {
"states": [
"focus"
],
"selector": "#with-hint-error",
"viewports": [
"mobile",
"tablet",
"desktop"
]
},
"options": {},
"html": ""
},
{
"name": "with error message and hint",
"description": "small",
"context": {
"fieldset": {
"legend": {
"text": "How do you want to be contacted about this?",
"size": "m",
"isPageHeading": true
}
},
"hint": {
"text": "Select 1 option"
},
"errorMessage": {
"text": "Select how you want to be contacted"
},
"idPrefix": "with-hint-error",
"name": "example",
"items": [
{
"value": "email",
"text": "Email"
},
{
"value": "phone",
"text": "Phone"
},
{
"value": "text",
"text": "Text message"
}
],
"small": true
},
"screenshot": {
"states": [
"focus"
],
"selector": "#with-hint-error",
"viewports": [
"mobile",
"tablet",
"desktop"
]
},
"options": {},
"html": ""
},
{
"name": "with hint",
"context": {
"fieldset": {
"legend": {
"text": "How do you want to be contacted about this?",
"size": "l",
"isPageHeading": true
}
},
"hint": {
"text": "Select 1 option"
},
"idPrefix": "with-hint",
"name": "example",
"items": [
{
"value": "email",
"text": "Email"
},
{
"value": "phone",
"text": "Phone"
},
{
"value": "text",
"text": "Text message"
}
]
},
"screenshot": false,
"options": {},
"html": ""
},
{
"name": "with hint",
"description": "small",
"context": {
"fieldset": {
"legend": {
"text": "How do you want to be contacted about this?",
"size": "m",
"isPageHeading": true
}
},
"hint": {
"text": "Select 1 option"
},
"idPrefix": "with-hint",
"name": "example",
"items": [
{
"value": "email",
"text": "Email"
},
{
"value": "phone",
"text": "Phone"
},
{
"value": "text",
"text": "Text message"
}
],
"small": true
},
"screenshot": false,
"options": {},
"html": ""
},
{
"name": "with hints on items",
"context": {
"fieldset": {
"legend": {
"text": "Do you have a mobile phone with signal?",
"size": "l",
"isPageHeading": true
}
},
"idPrefix": "with-hint-item",
"name": "example",
"items": [
{
"value": "mobile",
"text": "Yes, I have a mobile phone with signal",
"hint": {
"text": "We will text you a 6 digit security code"
}
},
{
"value": "landline",
"text": "No, I want to use my landline",
"hint": {
"text": "We will call you to give you a 6 digit security code"
}
}
]
},
"screenshot": {
"viewports": [
"mobile",
"tablet",
"desktop"
]
},
"options": {},
"html": ""
},
{
"name": "with hints on items",
"description": "small",
"context": {
"fieldset": {
"legend": {
"text": "Do you have a mobile phone with signal?",
"size": "m",
"isPageHeading": true
}
},
"idPrefix": "with-hint-item",
"name": "example",
"items": [
{
"value": "mobile",
"text": "Yes, I have a mobile phone with signal",
"hint": {
"text": "We will text you a 6 digit security code"
}
},
{
"value": "landline",
"text": "No, I want to use my landline",
"hint": {
"text": "We will call you to give you a 6 digit security code"
}
}
],
"small": true
},
"screenshot": {
"viewports": [
"mobile",
"tablet",
"desktop"
]
},
"options": {},
"html": ""
},
{
"name": "with long text",
"context": {
"fieldset": {
"legend": {
"text": "Venenatis Condimentum",
"size": "l",
"isPageHeading": true
}
},
"idPrefix": "with-long-text",
"name": "example",
"items": [
{
"value": "nullam",
"text": "Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo\nquam. Pellentesque ornare sem lacinia quam venenatis vestibulum.\nMaecenas faucibus mollis interdum. Donec id elit non mi porta gravida\nat eget metus."
},
{
"value": "aenean",
"text": "Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis\nvestibulum. Donec sed odio dui. Duis mollis, est non commodo luctus,\nnisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis\nnatoque penatibus et magnis dis parturient montes, nascetur ridiculus\nmus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam\nvenenatis vestibulum. Cras mattis consectetur purus sit amet\nfermentum."
},
{
"value": "fusce",
"text": "Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum\nnibh, ut fermentum massa justo sit amet risus. Etiam porta sem\nmalesuada magna mollis euismod. Praesent commodo cursus magna, vel\nscelerisque nisl consectetur et. Etiam porta sem malesuada magna\nmollis euismod. Etiam porta sem malesuada magna mollis euismod.\nDonec sed odio dui. Sed posuere consectetur est at lobortis."
}
]
},
"screenshot": false,
"options": {},
"html": ""
},
{
"name": "with long text",
"description": "small",
"context": {
"fieldset": {
"legend": {
"text": "Venenatis Condimentum",
"size": "m",
"isPageHeading": true
}
},
"idPrefix": "with-long-text",
"name": "example",
"items": [
{
"value": "nullam",
"text": "Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo\nquam. Pellentesque ornare sem lacinia quam venenatis vestibulum.\nMaecenas faucibus mollis interdum. Donec id elit non mi porta gravida\nat eget metus."
},
{
"value": "aenean",
"text": "Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis\nvestibulum. Donec sed odio dui. Duis mollis, est non commodo luctus,\nnisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis\nnatoque penatibus et magnis dis parturient montes, nascetur ridiculus\nmus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam\nvenenatis vestibulum. Cras mattis consectetur purus sit amet\nfermentum."
},
{
"value": "fusce",
"text": "Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum\nnibh, ut fermentum massa justo sit amet risus. Etiam porta sem\nmalesuada magna mollis euismod. Praesent commodo cursus magna, vel\nscelerisque nisl consectetur et. Etiam porta sem malesuada magna\nmollis euismod. Etiam porta sem malesuada magna mollis euismod.\nDonec sed odio dui. Sed posuere consectetur est at lobortis."
}
],
"small": true
},
"screenshot": false,
"options": {},
"html": ""
},
{
"name": "with nested conditional radios",
"context": {
"fieldset": {
"legend": {
"text": "How do you want to be contacted about this?",
"size": "l",
"isPageHeading": true
}
},
"hint": {
"text": "Select 1 option"
},
"idPrefix": "conditional-nested",
"name": "example-outer",
"items": [
{
"value": "no-conditional",
"text": "No conditional"
},
{
"value": "nested",
"text": "Nested conditional",
"conditional": {
"html": "\n"
}
}
]
},
"screenshot": false,
"options": {},
"html": ""
},
{
"name": "without fieldset",
"context": {
"fieldset": null,
"idPrefix": "without-fieldset",
"name": "colours",
"items": [
{
"value": "red",
"text": "Red"
},
{
"value": "green",
"text": "Green"
},
{
"value": "blue",
"text": "Blue"
}
]
},
"screenshot": {
"viewports": [
"mobile",
"tablet",
"desktop"
]
},
"options": {},
"html": ""
},
{
"name": "without fieldset",
"description": "small",
"context": {
"fieldset": null,
"idPrefix": "without-fieldset",
"name": "colours",
"items": [
{
"value": "red",
"text": "Red"
},
{
"value": "green",
"text": "Green"
},
{
"value": "blue",
"text": "Blue"
}
],
"small": true
},
"screenshot": {
"viewports": [
"mobile",
"tablet",
"desktop"
]
},
"options": {},
"html": ""
},
{
"name": "without page heading",
"context": {
"fieldset": {
"legend": {
"text": "How do you want to be contacted about this?",
"isPageHeading": false
}
},
"idPrefix": "without-heading",
"name": "example",
"items": [
{
"value": "email",
"text": "Email"
},
{
"value": "phone",
"text": "Phone"
},
{
"value": "text",
"text": "Text message"
}
]
},
"screenshot": false,
"options": {},
"html": ""
},
{
"name": "without page heading",
"description": "small",
"context": {
"fieldset": {
"legend": {
"text": "How do you want to be contacted about this?",
"isPageHeading": false,
"size": "m"
}
},
"idPrefix": "without-heading",
"name": "example",
"items": [
{
"value": "email",
"text": "Email"
},
{
"value": "phone",
"text": "Phone"
},
{
"value": "text",
"text": "Text message"
}
],
"small": true
},
"screenshot": false,
"options": {},
"html": ""
},
{
"name": "with pre-checked value",
"context": {
"fieldset": {
"legend": {
"text": "How do you want to be contacted about this?",
"size": "l",
"isPageHeading": true
}
},
"hint": {
"text": "Select 1 option"
},
"idPrefix": "conditional",
"name": "example",
"value": "email",
"items": [
{
"value": "email",
"text": "Email",
"conditional": {
"html": "\n \n Email address\n \n
\n"
}
},
{
"value": "phone",
"text": "Phone",
"conditional": {
"html": "\n \n Phone number\n \n
\n"
}
},
{
"value": "text",
"text": "Text message",
"conditional": {
"html": "\n \n Mobile phone number\n \n
\n"
}
}
]
},
"screenshot": false,
"options": {},
"html": ""
},
{
"name": "with pre-checked value",
"description": "small",
"context": {
"fieldset": {
"legend": {
"text": "How do you want to be contacted about this?",
"size": "m",
"isPageHeading": true
}
},
"hint": {
"text": "Select 1 option"
},
"idPrefix": "conditional",
"name": "example",
"value": "email",
"items": [
{
"value": "email",
"text": "Email",
"conditional": {
"html": "\n \n Email address\n \n
\n"
}
},
{
"value": "phone",
"text": "Phone",
"conditional": {
"html": "\n \n Phone number\n \n
\n"
}
},
{
"value": "text",
"text": "Text message",
"conditional": {
"html": "\n \n Mobile phone number\n \n
\n"
}
}
],
"small": true
},
"screenshot": false,
"options": {},
"html": ""
}
]
}