larva objects: o-checkbox-input-list
Available Variants
prototypeTitle 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"
}
]
}