larva modules: list

Available Variants

ordered prototype
list README

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

list Twig The markup file.
<{{ list_type_name }}l class="list larva // {{ list_classes }}">
	{% for item in list_items %}
		<li class="list__item larva // {{ list_item_classes }}">
			{{ item['list_markup'] }}

			{% if item['list_items'] %}
				{% include "@larva/modules/list/list.twig" with item %}
			{% endif %}
		</li>
	{% endfor %}
</{{ list_type_name }}l>
list JSON The data object for this pattern.
{
	"list_classes": "a-font-body-m",
	"list_markup": "Paragraph Text.",
	"list_type_name": "u",
	"list_items": [
		{
			"list_markup": "item_one"
		},
		{
			"list_markup": "item_two"
		},
		{
			"list_classes": "a-font-body-m",
			"list_markup": "Paragraph Text with sub items woo.",
			"list_type_name": "u",
			"list_item_classes": "",
			"list_items": [
				{
					"list_markup": "sub_item_one"
				},
				{
					"list_markup": "sub_item_two"
				},
				{
					"list_classes": "a-font-body-m",
					"list_markup": "Paragraph Text.",
					"list_type_name": "u",
					"list_item_classes": "",
					"list_items": [
						{
							"list_markup": "sub_sub_item_one"
						},
						{
							"list_markup": "sub_sub_item_two"
						},
						{
							"list_classes": "a-font-body-m",
							"list_markup": "Paragraph Text.",
							"list_type_name": "u",
							"list_item_classes": "",
							"list_items": [
								{
									"list_markup": "sub_sub_sub_item_one"
								},
								{
									"list_markup": "sub_sub_sub_item_two"
								}
							]
						}
					]
				}
			]
		}
	],
	"list_item_classes": ""
}