generator-nitro/generators/app/templates/src/patterns/atoms/image/schema.json

Yeoman generator for the nitro frontend framework

{
	"$schema": "http://json-schema.org/draft-07/schema#",
	"$id": "/atom/image",
	"title": "image",
	"description": "A image atom",
	"type": "object",
	"properties": {
		"modifier": {
			"description": "A modifier - default is 16:9",
			"enum": ["", "fit-parent", "1x1"]
		},
		"alt": {
			"type": "string"
		},
		"srcset": {
			"type": "object",
			"properties": {
				"renditions": {
					"type": "array",
					"items": {
						"type": "object",
						"properties": {
							"media": {
								"description": "sizes",
								"enum": [
									"100w",
									"180w",
									"230w",
									"290w",
									"320w",
									"360w",
									"460w",
									"480w",
									"580w",
									"640w",
									"760w",
									"960w",
									"1200w",
									"1280w",
									"1496w",
									"1920w",
									"1960w",
									"2880w",
									"3920w"
								]
							},
							"src": {
								"type": "string"
							}
						},
						"required": ["media", "src"]
					}
				}
			}
		},
		"customRenditions": {
			"description": "Custom renditions to render e.g. a fallback or preview image",
			"type": "object",
			"properties": {
				"fallbackImage": {
					"type": "string",
					"description": "The src to the fallback image to be rendered initially"
				}
			},
			"required": ["fallbackImage"]
		}
	},
	"required": ["alt", "srcset"]
}