Inputbox component

Input Box component will support different types of input. User can set input types like text, password, number, email type based on requirements.

Check out the given demonstration on the Input box functionality for better understanding of the component.

Default Component Image

Properties of the Input box Component

General property

User can change the height, width, top, left. If initial visibility is unchecked, then the chart won’t be visible at the first preview. User can manage the Text editable & default text message and also different type of input.

  • Input Type - User can set input types like text, password, number, email and type of input type based on the requirements.

Background

  • Shadow – Enable shadow.

  • Shadow Colour – Set the shadow color.

  • Shadow Transparency – Set the opacity.

Style

User can set the background color and font color as well as font styling properties in this section. Background Opacity for the component can be also det using this property.

  • Background Color – Set the spacing between the buttons.

  • Background Opacity – Set the opacity.

  • Border – Enable border.

  • Border Radius – Set border radius.

  • Border Thickness – Set border thickness.

  • Border colour – Set border color.

  • Font Style – Select the font style.

  • Font Weight – Select the font weight.

  • Font Family - Select the font family.

  • Font Colour – Set the font color.

Output