project modules: `article-tags`

Available Variants

prototype

article-tags README

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

article-tags Twig The markup file.

<div class="article-tags // {{ article_tags_classes }}">
	{% if o_nav %}
		{% include "@larva/objects/o-nav/o-nav.twig" with o_nav %}
	{% endif %}
</div>

article-tags JSON The data object for this pattern.

{
	"article_tags_classes": "lrv-u-font-family-primary u-letter-spacing-012 lrv-u-margin-t-2",
	"o_nav": {
		"modifier_class": "",
		"o_nav_classes": "lrv-u-flex lrv-u-flex-direction-column lrv-u-align-items-center u-text-transform-lowercase",
		"o_nav_title_text": "Read More About:",
		"o_nav_title_id_attr": "",
		"o_nav_title_classes": "lrv-u-text-transform-uppercase lrv-u-font-weight-bold lrv-u-line-height-large ",
		"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 a-children-icon a-children-icon-bullet lrv-u-color-brand-primary lrv-u-flex lrv-a-space-children-horizontal lrv-a-space-children--1 lrv-u-align-items-center u-flex-wrap-wrap lrv-u-justify-content-center",
		"o_nav_list_item_classes": "",
		"o_nav_list_items": [
			{
				"modifier_class": "",
				"c_link_classes": "lrv-a-unstyle-link lrv-u-color-grey-dark:hover lrv-a-hover-effect lrv-u-font-weight-bold lrv-u-whitespace-nowrap",
				"c_link_text": "Art Gallery",
				"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-grey-dark:hover lrv-a-hover-effect lrv-u-font-weight-bold lrv-u-whitespace-nowrap",
				"c_link_text": "Retrospective",
				"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-grey-dark:hover lrv-a-hover-effect lrv-u-font-weight-bold lrv-u-whitespace-nowrap",
				"c_link_text": "Mapplethorpe",
				"c_link_url": "#",
				"c_link_rel_attr": false,
				"c_link_aria_label_attr": false,
				"c_link_target_attr": false
			}
		],
		"o_nav_list_labelledby_attr": ""
	}
}