Input elements

File input

This is an input, that allows to choose a file.

Checkbox

Displays a labeled checkbox.

Radio button

It is a circular button with a hollow. If you click on radio, a dot will appear inside, indicating that it has been selected.

Radio button group

Radio button group are consist of elements of type radio (Radio buttons) are generally used in radio groups — collections of radio buttons describing a set of related options.

Only one radio button in a given group can be selected at the same time. Radio buttons are typically rendered as small circles, which are filled or highlighted when selected.

Learn more

Text Input

This is the input field used in the input form, that allow to type text.

Password input

This is input field allows user to type password in hidden form. The typed text will appear as dots. e.g ••••••••

Time input

Input field which allows to enter time. Value is the string in HH:mm format. Learn more

e.g 23:59

Date input

Input field which allows to enter date. Value is the string in YYYY-MM-DD format. Learn more

e.g 2000.12.31

Date and time input

Input field which allows to enter date and time. Value is the string in in YYYY-MM-DD HH:mm format. Learn more

This input shows dateTime in local format for user. However value is always formatted in YYYY-MM-DD HH:mm

e.g. 2000.12.31 23:59

Multiline Input

Represents a multi-line plain-text editing control, useful when you want to allow users to enter a sizeable amount of free-form text, for example a comment on a review or feedback form. Learn more

Language dropdown

A dropdown that allows you to select a language of the page, if translations are available.

When you select the part you want to enter, you can select from the drop-down list items and enter the data.

Last updated