Input

A form input component for collecting user data

<hf-input-group> <label>Label</label> <input type="text" placeholder="Placeholder"> </hf-input-group>

Label

Notes

The input component provides styled form controls for user input.

• Always wrap inputs in an hf-input-group
• Include a descriptive label for each input
• Use appropriate input types (text, email, password, etc.)
• Add placeholder text when helpful