project modules: `breadcrumbs`

Available Variants

featured-article prototype

breadcrumbs README

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

breadcrumbs Twig The markup file.

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

breadcrumbs JSON The data object for this pattern.

{
	"breadcrumbs_classes": "lrv-u-color-grey u-letter-spacing-012 lrv-u-line-height-large lrv-u-color-brand-primary lrv-u-margin-b-050@mobile-max",
	"o_nav": {
		"modifier_class": "",
		"o_nav_classes": "a-font-primary-medium lrv-u-text-transform-uppercase lrv-u-font-size-14 u-color-grey-29",
		"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-a-space-children-horizontal lrv-a-space-children--050 lrv-u-align-items-center a-children-icon-after a-children-icon-forward-slash",
		"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",
				"c_link_text": "Home",
				"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",
				"c_link_text": "Business",
				"c_link_url": "#",
				"c_link_rel_attr": false,
				"c_link_aria_label_attr": false,
				"c_link_target_attr": false
			}
		],
		"o_nav_list_labelledby_attr": ""
	}
}