larva modules: `profile-filter`

Available Variants

prototype

profile-filter README

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

profile-filter Twig The markup file.

<form class="profile-filter // {{ profile_filter_classes }}" method="post" action="{{ profile_filter_action_url }}">
	{% if c_heading %}
		{% include "@larva/components/c-heading/c-heading.twig" with c_heading %}
	{% endif %}

	<div class="lrv-a-space-children-vertical lrv-a-space-children--2">
		{% for item in o_checkbox_input_list %}
			{% include "@larva/objects/o-checkbox-input-list/o-checkbox-input-list.twig" with item %}
		{% endfor %}
	</div>

	{% if c_button %}
		{% include "@larva/components/c-button/c-button.twig" with c_button %}
	{% endif %}
</form>

profile-filter JSON The data object for this pattern.

{
	"profile_filter_classes": "lrv-u-padding-a-1",
	"c_heading": {
		"c_heading_classes": "lrv-u-font-size-20 lrv-u-text-transform-uppercase lrv-u-border-b-1 lrv-u-margin-b-1 lrv-u-padding-b-025",
		"c_heading_id_attr": "section-heading",
		"c_heading_text": "Filter:",
		"c_heading_url": "",
		"c_heading_link_classes": "",
		"c_heading_outer": false,
		"c_heading_outer_classes": "",
		"c_heading_is_primary_heading": false
	},
	"o_checkbox_input_list": [
		{
			"o_checkbox_input_list_classes": "",
			"o_checkbox_input_list_items_classes": "lrv-a-unstyle-list lrv-u-font-family-primary lrv-u-font-size-12 lrv-u-line-height-large",
			"o_checkbox_input_list_item_classes": "",
			"c_title": {
				"c_title_classes": "lrv-u-font-family-primary lrv-u-font-size-14 lrv-u-margin-b-025 lrv-u-text-transform-uppercase lrv-u-font-weight-bold",
				"c_title_tag_text": "",
				"c_title_id_attr": "title-of-a-story",
				"c_title_text": "Location",
				"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"
				}
			]
		},
		{
			"o_checkbox_input_list_classes": "",
			"o_checkbox_input_list_items_classes": "lrv-a-unstyle-list lrv-u-font-family-primary lrv-u-font-size-12 lrv-u-line-height-large",
			"o_checkbox_input_list_item_classes": "",
			"c_title": {
				"c_title_classes": "lrv-u-font-family-primary lrv-u-font-size-14 lrv-u-margin-b-025 lrv-u-text-transform-uppercase lrv-u-font-weight-bold",
				"c_title_tag_text": "",
				"c_title_id_attr": "title-of-a-story",
				"c_title_text": "Location",
				"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"
				}
			]
		},
		{
			"o_checkbox_input_list_classes": "",
			"o_checkbox_input_list_items_classes": "lrv-a-unstyle-list lrv-u-font-family-primary lrv-u-font-size-12 lrv-u-line-height-large",
			"o_checkbox_input_list_item_classes": "",
			"c_title": {
				"c_title_classes": "lrv-u-font-family-primary lrv-u-font-size-14 lrv-u-margin-b-025 lrv-u-text-transform-uppercase lrv-u-font-weight-bold",
				"c_title_tag_text": "",
				"c_title_id_attr": "title-of-a-story",
				"c_title_text": "Location",
				"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"
				}
			]
		}
	],
	"c_button": {
		"c_button_classes": "lrv-a-unstyle-button lrv-u-cursor-pointer lrv-u-text-transform-uppercase lrv-u-background-color-black lrv-u-color-white lrv-u-font-size-12 lrv-u-font-family-primary lrv-u-margin-t-1 lrv-u-color-grey-light:hover lrv-u-padding-lr-2 lrv-u-padding-tb-050",
		"c_button_ga_tracking": {},
		"c_button_inner_classes": "",
		"c_button_rel_attr": "",
		"c_button_screen_reader_text": "Sign Up",
		"c_button_target_attr": "",
		"c_button_text": "Filter",
		"c_button_type_attr": "submit",
		"c_button_url": ""
	}
}