Text input
<eink-input> wraps a native
<input> and applies the .eink-input
class automatically. Attributes like type,
placeholder, and disabled are forwarded to the
inner element.
<input type="text" class="eink-input" placeholder="..." /><eink-input type="text" placeholder="..."></eink-input>Textarea
<eink-textarea> wraps a native
<textarea>.
Select
<eink-select> wraps a native
<select>. Place <option> elements
inside — they are moved into the generated select.
Checkbox
<eink-checkbox> creates a styled checkbox. Text
content placed inside becomes the label.
<input type="checkbox" class="eink-checkbox" id="cb" />
<label for="cb">Label</label><eink-checkbox name="cb">Label</eink-checkbox>Radio
<eink-radio> creates a styled radio button. Use the
same name attribute to group them.
Complete form example
A full form using web components for all input types.