Skip to main content






  • Edit
    Collaborate with us
    Edit this page on GitHub
  • 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.
    • Was this article helpful?