Skip to main content


Design UI





  • Edit
  • Articles in this Section

    • AnimatedLabel
      AnimatedLabel allows end users to keep context by focusing on the 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.
    • DropdownSelect
      DropdownSelect 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.
    • FloatingActions
      FloatingActions display an action that floats in the bottom right corner of the screen.
    • InputWithIcon
      InputWithIcon allows the end user to input data with the help of a hint.
    • RangeSlider
      RangeSlider gives the end users an option to select a value within a configured range by dragging a slider.
    • RangeSliderInterval
      RangeSliderInterval selects a single value or a range between two values.
    • SearchBalloon
      SearchBalloon lets the users search a list while showing results.
    • 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.
    • ToggleButton
      ToggleButton prompts end users to choose between two states.
    • Video
      Learn how to embed a native video player in your app.
    • Was this article helpful?