larva components: `c-email-field`

Available Variants

ghost prototype

Your Email

c-email-field README

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

c-email-field Twig The markup file.

<div class="c-email-field {{ modifier_class }} {{ c_email_field_classes }}">
	<label class="c-email-field__label {{ c_email_field_label_classes }}" for="{{ c_email_field_input_id_attr }}">{{ c_email_field_label_text }}</label>
	<input class="c-email-field__input {{ c_email_field_input_classes }}" name="{{ c_email_field_input_name_attr }}" id="{{ c_email_field_input_id_attr }}" required type="email" placeholder="{{ c_email_field_input_placeholder_attr }}" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$" />
</div>

c-email-field JSON The data object for this pattern.

{
	"c_email_field_classes": "",
	"c_email_field_label_classes": "",
	"c_email_field_label_text": "Your Email",
	"c_email_field_input_id_attr": "",
	"c_email_field_input_name_attr": "",
	"c_email_field_input_placeholder_attr": "email@example.com"
}