---
title: "Responsive JavaScript Dropdown"
description: "Implement a fully responsive JavaScript dropdown optimized for mobile devices, featuring seamless autocomplete functionality and easy customization for an enhanced user experience."
source: https://jsuites.net/docs/dropdown/mobile
---
Implement a fully responsive JavaScript dropdown that adapts to mobile devices. During initialization, the dropdown's render mode can be tailored to suit various use cases, with options including default, picker, or searchbar.
## Example
### Dropdown as a Searchbar
In this example, the dropdown is initialized as a searchbar, enhancing the user experience by allowing for easy search and selection within a compact, mobile-friendly interface.
```html
```
```jsx
import { Dropdown } from 'jsuites/react';
import { useRef } from 'react';
import 'jsuites/dist/jsuites.css';
function App() {
const dropdown = useRef(null);
return (
);
}
export default App;
```
### Dropdown as Mobile Item Picker
You can initialise the dropdown with the picker mode to create a floating, responsive option picker optimized for mobile applications. This mode presents a user-friendly, touch-optimized interface ideal for mobile devices.
```html
```
```jsx
import { Dropdown } from 'jsuites/react';
import { useRef } from 'react';
import 'jsuites/dist/jsuites.css';
function App() {
const dropdown = useRef(null);
return (