project objects: o-email-capture-form

Available Variants

prototype
o-email-capture-form README

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

o-email-capture-form Twig The markup file.
<form class="o-email-capture-form lrv-js-EmailCapture {{ o_email_capture_form_classes }}" method="post" action="{{ o_email_capture_form_action_url }}" name="{{ o_email_capture_form_name_attr }}" target="_blank">

	<div class="o-email-capture-form__inner {{ o_email_capture_form_inner_classes }}">
		{% include "@larva/components/c-email-field/c-email-field.twig" with c_email_field %}
		{% include "@larva/components/c-button/c-button.twig" with c_button %}
	</div>


	<input type="hidden" name="__contextName" value="{{ o_email_capture_form_context_name_attr }}"/>
	<input type="hidden" name="__executionContext" value="Post" />
	<input type="hidden" name="__successPage" data-email-capture-success-url="{{ o_email_capture_form_success_url }}" value="" />

	{% for item in o_email_capture_form_hidden_field_items %}
		{% include "@larva/components/c-hidden-field/c-hidden-field.twig" with item %}
	{% endfor %}
</form>
o-email-capture-form JSON The data object for this pattern.
{
	"o_email_capture_form_classes": "",
	"o_email_capture_form_context_name_attr": "NewsletterFormPost",
	"o_email_capture_form_inner_classes": "",
	"o_email_capture_form_action_url": "",
	"o_email_capture_form_button_text": "Sign up",
	"o_email_capture_form_name_attr": "email-capture-form",
	"o_email_capture_form_success_url": "",
	"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": "Sign Up",
		"c_button_type_attr": "submit",
		"c_button_url": ""
	},
	"c_email_field": {
		"c_email_field_classes": "",
		"c_email_field_label_classes": "",
		"c_email_field_label_text": "Your Email",
		"c_email_field_input_id_attr": "newsletter_email",
		"c_email_field_input_name_attr": "EmailAddress",
		"c_email_field_input_placeholder_attr": "email@example.com",
		"c_email_field_label_for_attr": "EmailAddress"
	},
	"o_email_capture_form_hidden_field_items": {
		"source": {
			"c_hidden_field_name_attr": "Source",
			"c_hidden_field_value_attr": "",
			"c_hidden_field_id_attr": "footer_source"
		},
		"editorial_daily_opted_in": {
			"c_hidden_field_name_attr": "Editorial_Daily_Opted_In",
			"c_hidden_field_value_attr": "",
			"c_hidden_field_id_attr": "footer_editorial_daily_opted_in"
		},
		"editorial_daily_opt_in_date": {
			"c_hidden_field_name_attr": "Editorial_Daily_Opt_In_Date",
			"c_hidden_field_value_attr": "",
			"c_hidden_field_id_attr": "footer_editorial_daily_opt_in_date"
		},
		"editorial_bna_opted_in": {
			"c_hidden_field_name_attr": "Editorial_BNA_Opted_In",
			"c_hidden_field_value_attr": "",
			"c_hidden_field_id_attr": "footer_editorial_bna_opted_in"
		},
		"editorial_bna_opt_in_date": {
			"c_hidden_field_name_attr": "Editorial_BNA_Opt_In_Date",
			"c_hidden_field_value_attr": "",
			"c_hidden_field_id_attr": "footer_editorial_bna_opt_in_date"
		},
		"editorial_wallStreet_opted_in": {
			"c_hidden_field_name_attr": "Editorial_WallStreet_Opted_In",
			"c_hidden_field_value_attr": "",
			"c_hidden_field_id_attr": "footer_editorial_wallStreet_opted_in"
		},
		"editorial_wallStreet_opt_in_date": {
			"c_hidden_field_name_attr": "Editorial_WallStreet_Opt_In_Date",
			"c_hidden_field_value_attr": "",
			"c_hidden_field_id_attr": "footer_editorial_wallStreet_opt_in_date"
		}
	}
}