Quick Guides Collection
Request user input
      
  
    
  
          
            
              Make your app interactive by enabling users to enter text and other inputs.
            
          
        Validate input as a user types
            Validate input as the user types to reduce information errors and improve user engagement.
          
        
        
        
          
        
      Show or hide password based on a user toggle
            Show or hide a password based on a user toggle to improve security and increase user trust.
          
        
        
        
          
        
      Auto-format a phone number in a text field
            Auto-format a phone number in a text field to save users time.
          
        
        
        
          
        
      Display pop-up messages or requests for user input
            Displays pop up messages or requests user input on a layer above the main app content. This component creates an interruptive UI experience to capture user attention.
          
        
        
        
          
        
      Add a switch that users can toggle
            Enables users to toggle between two states. Users can drag or click a switch's thumb to change the current state.
          
        
        
        
          
        
      Create a slider for a range of values
            Enables users to make selections from a range of values along a continuum, such as setting audio volume or filtering graph data across a range of prices.
          
        
        
        
          
        
      Create a chip to represent complex entities
            A compact, interactive UI element that represents complex entities such as a contact or tag, often with an icon and label. Chips can be checkable, dismissible, or clickable.
          
        
        
        
          
        
      Filter a list while typing
            Filter through a list based on a user's text input.
          
        
        
        
          
        
      Have questions or feedback
              Go to our frequently asked questions page and learn about quick guides or reach out and let us know your thoughts.
            
          
         
  