larva objects: o-select-nav

Available Variants

prototype
o-select-nav README

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

o-select-nav Twig The markup file. 
<div class="o-select-nav js-SelectNav js-SelectNav-redirect lrv-a-glue-parent {{ o_select_nav_classes }}">
	{% include "@larva/components/c-button/c-button.twig" with c_button %}

	<select class="o-select-nav__select js-SelectNav-select lrv-u-cursor-pointer lrv-a-glue lrv-a-glue--t-0 lrv-a-glue--l-0 lrv-u-width-100p lrv-u-height-100p lrv-u-opacity-0 {{ o_select_nav_select_classes }}">
		{% for item in o_select_nav_options %}
			{% include "@larva/components/c-select-option/c-select-option.twig" with item %}
		{% endfor %}
	</select>
</div>
o-select-nav JSON The data object for this pattern. 
{
	"o_select_nav_classes": "",
	"o_select_nav_select_classes": "",
	"c_button": {
		"c_button_classes": "lrv-a-unstyle-button lrv-u-cursor-pointer",
		"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": "Click Me",
		"c_button_type_attr": "submit",
		"c_button_url": ""
	},
	"o_select_nav_options": [
		{
			"c_select_option_url": "#",
			"c_select_option_value_attr": "option-value",
			"c_select_option_text": "Option Text"
		},
		{
			"c_select_option_url": "#",
			"c_select_option_value_attr": "option-value",
			"c_select_option_text": "Option Text"
		},
		{
			"c_select_option_url": "#",
			"c_select_option_value_attr": "option-value",
			"c_select_option_text": "Option Text"
		}
	]
}