larva objects: o-checkbox-input-list

Available Variants

prototype

Title of a story

o-checkbox-input-list README

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

o-checkbox-input-list Twig The markup file.
<section class="o-checkbox-input-list {{ o_checkbox_input_list_classes }}">

	{% if c_title %}
		{% include "@larva/components/c-title/c-title.twig" with c_title %}
	{% endif %}

	<ul class="{{ o_checkbox_input_list_items_classes }}">
		{% for item in o_checkbox_input_list_items %}
			<li class="{{ o_checkbox_input_list_item_classes }}">
				{% include "@larva/components/c-checkbox-input/c-checkbox-input.twig" with item %}
			</li>
		{% endfor %}
	</ul>

</section>
o-checkbox-input-list JSON The data object for this pattern.
{
	"o_checkbox_input_list_classes": "",
	"o_checkbox_input_list_items_classes": "lrv-a-unstyle-list",
	"o_checkbox_input_list_item_classes": "",
	"c_title": {
		"c_title_classes": "",
		"c_title_tag_text": "",
		"c_title_id_attr": "title-of-a-story",
		"c_title_text": "Title of a story",
		"c_title_markup": "",
		"c_title_link_classes": "",
		"c_title_url": ""
	},
	"o_checkbox_input_list_items": [
		{
			"c_checkbox_input_name_attr": "",
			"c_checkbox_input_id_attr": "",
			"c_checkbox_input_value_attr": "",
			"c_checkbox_label_text": "Option 1"
		},
		{
			"c_checkbox_input_name_attr": "",
			"c_checkbox_input_id_attr": "",
			"c_checkbox_input_value_attr": "",
			"c_checkbox_label_text": "Option 1"
		},
		{
			"c_checkbox_input_name_attr": "",
			"c_checkbox_input_id_attr": "",
			"c_checkbox_input_value_attr": "",
			"c_checkbox_label_text": "Option 1"
		}
	]
}