larva components: c-input
Available Variants
prototypec-input
README
This needs docs!
Create a README.md in the pattern's directory and add details about using this pattern in markdown.
c-input
Twig The markup file.
<label class="c-input" for="{{ c_input_id_attr }}">
<span class="{{ c_input_label_class }}">{{ c_input_label_text }}</span>
<input
id="{{ c_input_id_attr }}"
type="{{ c_input_type_attr }}"
class="{{ c_input_class }}"
name="{{ c_input_id_attr }}"
placeholder="{{ c_input_placeholder_attr }}"
aria-invalid="{{ c_input_aria_invalid_attr }}"
data-error="{{ c_input_error_attr }}"
size="{{ c_input_size_attr }}"
maxlength="{{ c_input_maxlength_attr }}"
/>
</label>
c-input
JSON The data object for this pattern.
{
"c_input_type_attr": "text",
"c_input_id_attr": "inputExample",
"c_input_label_class": "lrv-a-screen-reader-only",
"c_input_label_text": "Input Example",
"c_input_class": "",
"c_input_placeholder_attr": "Enter text."
}