larva components: `c-email-field.ghost`

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.ghost JSON The data object for this pattern.

{
	"c_email_field_classes": "lrv-u-font-size-14 lrv-u-flex lrv-u-align-items-center",
	"c_email_field_label_classes": "lrv-u-padding-r-050 lrv-u-font-weight-bold lrv-u-whitespace-nowrap",
	"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",
	"c_email_field_input_classes": "lrv-u-background-color-transparent lrv-u-border-a-0 lrv-u-color-currentColor lrv-u-padding-a-050 lrv-u-font-size-14"
}