larva modules: `pros-and-cons`

Available Variants

prototype

Heading

List Item

Heading

List Item

pros-and-cons README

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

pros-and-cons Twig The markup file.

<div class="pros-and-cons {{pros_and_cons_classes}}">
	{% for item in items %}
		<div class="pros-and-cons__inner {{pros_and_cons_inner_classes}}" >
			{% if item['c_heading'] %}
				{% include "@larva/components/c-heading/c-heading.twig" with item['c_heading'] %}
			{% endif %}
			{% if item['list_markup'] %}
				{{item['list_markup']|raw}}
			{% endif %}
		</div>
	{% endfor %}
</div>

pros-and-cons JSON The data object for this pattern.

{
	"pros_and_cons_classes": "lrv-u-flex lrv-u-border-a-1 lrv-a-children-border-horizontal",
	"pros_and_cons_inner_classes": "lrv-u-padding-a-1 lrv-u-width-50p",
	"items": [
		{
			"c_heading": {
				"c_heading_classes": "",
				"c_heading_id_attr": "section-heading",
				"c_heading_text": "Heading",
				"c_heading_url": "",
				"c_heading_link_classes": "",
				"c_heading_outer": false,
				"c_heading_outer_classes": "",
				"c_heading_is_primary_heading": false
			},
			"list_markup": "List Item"
		},
		{
			"c_heading": {
				"c_heading_classes": "",
				"c_heading_id_attr": "section-heading",
				"c_heading_text": "Heading",
				"c_heading_url": "",
				"c_heading_link_classes": "",
				"c_heading_outer": false,
				"c_heading_outer_classes": "",
				"c_heading_is_primary_heading": false
			},
			"list_markup": "List Item"
		}
	]
}