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

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

{
	"variants": [
		{
			"optional": true,
			"title": {
				"main": "Optional file input",
				"prompt": "Optional prompt file"
			},
			"input": {
				"type": "file",
				"id": "optional"
			}
		},
		{
			"title": {
				"main": "File input with a valid entry"
			},
			"input": {
				"type": "file",
				"modifiers": [ ],
				"id": "valid"
			}
		},
		{
			"title": {
				"main": "File input with an invalid entry"
			},
			"input": {
				"type": "file",
				"modifiers": [ "invalid" ],
				"error": "An example error. Try again.",
				"id": "invalid"
			}
		},
		{
			"inline-field": true,
			"title": {
				"main": "Inline file input"
			},
			"input": {
				"type": "file",
				"id": "inline"
			}
		}
	]
}