This image shows the following input components:

• inputText: The user can enter text in the input box.

• inputNumberSlider: The user can adjust the slider to select a single value. The plus and minus buttons increment and decrement the value.

• richTextEditor: The user can enter text in the input box and apply the various formatting options available.

• inputRangeSlider: The user can drag either thumb to modify the maximum and minimum value in the select range, or drag the full bar. The plus and minus buttons increment and decrement the value of the range.

• inputNumberSpinebox: The user can enter numbers and quickly step through the numbers using the up and down arrows.

• inputColor: The user can click on the dropdown arrow to open a color picker and choose a color.

• inputDate: The user can click the glyph to open the Select Date and Time popup and select the date and time.