The input element is used for freeform data entry (like a form or a search engine).


Variant: set the appearance of the input field. From there, you can hide the label if needed.

Label: Represent the name for the input element

Placeholder: It specifies a short hint that describes the expected value of an input field (e.g. a sample value or a short description of the expected format).

Type: You can choose between 8 types for an input.

  • Text
  • Number
  • Email
  • Date
  • Color
  • Date Time
  • Time
  • URL

Icon: You can add an icon to the left or the right of the input field.

Required: display the input field as required by adding a red asterisk next to the label


  • There is no way to change the Label color.


Did this answer your question?