Skip to main content





Allow the end-user to input data with the help of a hint.

Use the Input with Icon to include an icon and a placeholder text that supports the user when entering data. They assist end-user comprehension by providing an example of the type of input required.

How to use

  1. Drag the InputWithIcon pattern into the preview.

  2. Add a variable of type Text to the input.

  3. Publish and test.

Input Parameters

Input Name Description Type Mandatory Default Value
AlignIconRight If set as true, sets the icon to the right. Boolean False False
ExtendedClass Add custom style classes to this Block. Text False None

Layout and Classes

  • Was this article helpful?