project modules: `fact-list-menu`

Available Variants

prototype

fact-list-menu README

Renders menu of links to be displayed in the term-content-top module. Usage is associated with pmc/term-content plugin.

fact-list-menu Twig The markup file.

{% if fact_list_menu_items %}
<div class="fact-list-menu // {{ fact_list_menu_classes }}">
	<ul class="fact-list-menu-items // {{ fact_list_menu_ul_classes }}">
		{% for item in fact_list_menu_items %}
			<li class="fact-list-menu-item // {{ fact_list_menu_li_classes }}">
				{% include "@larva/components/c-link/c-link.twig" with item %}
			</li>
		{% endfor %}
	</ul>
</div>
{% endif %}

fact-list-menu JSON The data object for this pattern.

{
	"fact_list_menu_classes": "lrv-u-margin-t-1",
	"fact_list_menu_ul_classes": "lrv-a-unstyle-list lrv-u-border-b-1 lrv-u-border-t-1 lrv-u-display-inline-flex lrv-u-flex-wrap-wrap lrv-u-padding-tb-075 lrv-a-term-content-grid__fact-list-menu",
	"fact_list_menu_li_classes": "lrv-a-font-secondary lrv-u-text-transform-uppercase",
	"fact_list_menu_items": [
		{
			"modifier_class": "",
			"c_link_classes": "lrv-u-color-black",
			"c_link_text": "Wikipedia",
			"c_link_url": "#test-link-1",
			"c_link_rel_attr": false,
			"c_link_aria_label_attr": false,
			"c_link_target_attr": false
		},
		{
			"modifier_class": "",
			"c_link_classes": "lrv-u-color-black",
			"c_link_text": "IMDB",
			"c_link_url": "#test-link-2",
			"c_link_rel_attr": false,
			"c_link_aria_label_attr": false,
			"c_link_target_attr": false
		},
		{
			"modifier_class": "",
			"c_link_classes": "lrv-u-color-black",
			"c_link_text": "Amazon",
			"c_link_url": "#test-link-3",
			"c_link_rel_attr": false,
			"c_link_aria_label_attr": false,
			"c_link_target_attr": false
		},
		{
			"modifier_class": "",
			"c_link_classes": "lrv-u-color-black",
			"c_link_text": "Google",
			"c_link_url": "#test-link-4",
			"c_link_rel_attr": false,
			"c_link_aria_label_attr": false,
			"c_link_target_attr": false
		}
	]
}