@financial-times/o-header-services/origami.json

Responsive page header for sites with minimal or customised branding, including internal products, customer facing tools, and specialist titles.

{
	"origamiType": "component",
	"origamiVersion": "2.0",
	"brands": [
		"core",
		"internal",
		"whitelabel"
	],
	"support": "https://github.com/Financial-Times/origami/issues/new?labels=o-header-services,components",
	"supportContact": {
		"email": "origami.support@ft.com",
		"slack": "financialtimes/origami-support"
	},
	"supportStatus": "active",
	"browserFeatures": {
		"required": [
			"Array.from",
			"Element.prototype.matches"
		],
		"optional": [
			"ResizeObserver"
		]
	},
	"demosDefaults": {
		"sass": "demos/src/main.scss",
		"template": "demos/src/header.mustache",
		"js": "demos/src/main.js"
	},
	"demos": [
		{
			"name": "title-section",
			"title": "Header with title section",
			"description": "If your site has no navigation you can use this top bar on its own."
		},
		{
			"name": "primary-navigation",
			"title": "Header with primary navigation",
			"description": "Navigation for an overview of a product's pages. These nav items collapse into a drawer at narrow screen widths.",
			"data": {
				"primary-navigation": true
			}
		},
		{
			"name": "drop-down-navigation",
			"title": "Header with primary navigation and drop down menus",
			"description": "Navigation for an overview of a product's pages. These nav items collapse into a drawer at narrow screen widths, and can be presented as dropdown menus",
			"data": {
				"primary-navigation": true,
				"drop-down": true,
				"sub-navigation": true
			}
		},
		{
			"name": "secondary-navigation",
			"title": "Header with a primary and a secondary navigation",
			"description": "For sites with more than a few sections, a secondary navigation is also available",
			"data": {
				"primary-navigation": true,
				"sub-navigation": true
			}
		},
		{
			"name": "theme-b2b",
			"title": "Product theme: B2B",
			"description": "B2B theme for this header component. If you're creating a product that isn't within B2B or B2C please contact Origami.",
			"data": {
				"theme": "b2b",
				"primary-navigation": true,
				"sub-navigation": true
			},
			"brands": [
				"core"
			]
		},
		{
			"title": "Pa11y",
			"name": "pa11y",
			"template": "demos/src/header.mustache",
			"data": {
				"primary-navigation": true,
				"drop-down": true,
				"sub-navigation": true
			},
			"hidden": true,
			"description": "Accessibility test will be run against this demo"
		}
	]
}