Input

A primary HTML input element is a crucial part of a webpage, designed to capture user data and facilitate interactions. It serves as the main interface for users to enter information such as text, numbers, or dates, making it essential for data collection and user engagement, whether within a form or used independently.

1. Default

To display an input with a label, you will have to do the same as working with native HTML, adding a for attribute for the label with the value of the control's id.

In addition, a div wrapper must be used around those elements to properly style them. These styles are documented on the label and form sections, correspondingly.


2. No Label

3. With Value

4. With Placeholder

5. Disabled

6. With Icon