project objects: o-email-capture-form
Available Variants
prototypeo-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"
}
}
}