Form controls

Form controls are about collecting input data in different ways so that you might persist the data by calling an endpoint over HTTP.

There are quite a few controls in Material Design of varying types, namely:

  • Autocomplete: This control enables the user to start typing in an input field and be presented with a list of suggestions while typing. This helps to narrow down the possible values that the input can take.
  • Checkbox: This is a classic checkbox representing a state that is either checked or unchecked. 
  • Date picker: This is a control that enables the user to select a date in the calendar.
  • Input: This is a classic input control. Material Design enhances the control with meaningful animation so you can clearly see when you are typing or not.
  • Radio button: This is a classic radio button, and just like with the input control, Material Design's take on this one is to add animations and transitions while editing to create a better user experience.
  • Select: This is a classic select list where the user is prompted to select one or more items from the list.
  • Slider: The slider enables you to increase or decrease the value by pulling a slider button to either the right or the left.
  • Slide toggle: This is just a checkbox, but a nicer rendition of it where a slider is being slid to the left or to the right.
..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset