@financial-times/o-forms/demos/src/data/custom.json

This component provides responsive styling for form fields and inputs. It provides validation and error handling for forms, as well.

{
	"variants": [
		{
			"radioBox": true,
			"optional": true,
			"field": {
				"type": "radio-box",
				"aria": {
					"label": "radio-box-group-title1"
				},
				"modifiers": [ "demo-radio" ]
			},
			"title": {
				"main": "Custom radio buttons and anchor"
			},
			"inputs": [
				{
					"type": "radio",
					"name": "default",
					"value": "Daily",
					"checked": true,
					"id": "daily"
				},
				{
					"type": "radio",
					"name": "default",
					"value": "Weekly",
					"id": "weekly"
				}
			]
		},
		{
			"radioBox": true,
			"field": {
				"type": "radio-box",
				"aria": {
					"label": "radio-box-group-title2",
					"info": "radio-box-group-info"
				},
				"modifiers": [ "demo-radio" ]
			},
			"title": {
				"main": "Custom radio buttons and anchor",
				"prompt": "With prefixed icons"
			},
			"inputs": [
				{
					"type": "radio",
					"name": "icon",
					"value": "Grid",
					"icon": "grid",
					"id": "grid"
				},
				{
					"type": "radio",
					"name": "icon",
					"value": "List",
					"icon": "list",
					"checked": true,
					"id": "list"
				}
			]
		}
	]
}