larva modules: `header-menu`

Available Variants

prototype

header-menu README

This needs docs!
Create a README.md in the pattern's directory and add details about using this pattern in markdown.

header-menu Twig The markup file.

<div class="header-menu // {{ header_menu_classes }}">
	{% include "@larva/objects/o-nav/o-nav.twig" with o_nav %}
</div>

header-menu JSON The data object for this pattern.

{
	"o_nav": {
		"modifier_class": "",
		"o_nav_classes": "",
		"o_nav_title_text": "",
		"o_nav_title_id_attr": "",
		"o_nav_title_classes": "",
		"o_nav_aria_labelledby_attr": "",
		"o_nav_screen_reader_id_attr": "optional-screen-reader",
		"o_nav_screen_reader_text": "optional screen reader",
		"o_nav_list_classes": "lrv-a-unstyle-list lrv-u-flex lrv-u-justify-content-center lrv-a-space-children-horizontal lrv-a-space-children--2 lrv-u-font-family-primary",
		"o_nav_list_item_classes": "",
		"o_nav_list_items": [
			{
				"modifier_class": "",
				"c_link_classes": "lrv-a-unstyle-link lrv-u-color-brand-primary:hover lrv-a-hover-effect lrv-u-whitespace-nowrap lrv-u-text-transform-uppercase",
				"c_link_text": "News",
				"c_link_url": "#",
				"c_link_rel_attr": false,
				"c_link_aria_label_attr": false,
				"c_link_target_attr": false
			},
			{
				"modifier_class": "",
				"c_link_classes": "lrv-a-unstyle-link lrv-u-color-brand-primary:hover lrv-a-hover-effect lrv-u-whitespace-nowrap lrv-u-text-transform-uppercase",
				"c_link_text": "Market",
				"c_link_url": "#",
				"c_link_rel_attr": false,
				"c_link_aria_label_attr": false,
				"c_link_target_attr": false
			},
			{
				"modifier_class": "",
				"c_link_classes": "lrv-a-unstyle-link lrv-u-color-brand-primary:hover lrv-a-hover-effect lrv-u-whitespace-nowrap lrv-u-text-transform-uppercase",
				"c_link_text": "Reviews",
				"c_link_url": "#",
				"c_link_rel_attr": false,
				"c_link_aria_label_attr": false,
				"c_link_target_attr": false
			},
			{
				"modifier_class": "",
				"c_link_classes": "lrv-a-unstyle-link lrv-u-color-brand-primary:hover lrv-a-hover-effect lrv-u-whitespace-nowrap lrv-u-text-transform-uppercase",
				"c_link_text": "Video",
				"c_link_url": "#",
				"c_link_rel_attr": false,
				"c_link_aria_label_attr": false,
				"c_link_target_attr": false
			}
		],
		"o_nav_list_labelledby_attr": ""
	},
	"header_menu_classes": ""
}