Controls

Articles in this Section

• Animated Label

  The Animated Label animates a label when there is user input.

• Button Group

  Button Group displays available choices to the user.

• Date Picker

  Date Picker allows the end user to select a single or a range of dates using a calendar.

• Dropdown

  Dropdown allows end users to make a choice from several options.

• Dropdown Select

  The Dropdown Select UI Pattern allows a search functionality or multiple selection in lists with enhanced UX experience.

• File Upload

  FileUpload allows the end user to transfer a file or add content to the application.

• Floating Actions

  Floating Actions displays an action that floats in the bottom right corner of the screen.

• Input with Icon

  Input with Icon allows the end user to input data with the help of a hint.

• Range Slider

  Range Slider gives the end users an option to select a value within a configured range by dragging a slider.

• Range Slider Interval

  RangeSliderInterval selects a single value or a range between two values.

• Search Balloon

  Search Balloon lets the users search a list while showing the results simultaneously.

• Search

  Search allows the user to find pieces of content without the use of navigation.

• Time Picker

  Time Picker selects a single time from a drop-down list.

• Toggle Button

  The Toggle Button UI Pattern prompts end users to choose between two states.

• Video

  Learn how to embed a native video player in your app.