Skip to main content
Version: 5.4

Placeholder

When no item is selected, the placeholder is displayed and prompts the user to select an item.
The value for single item pickers is null and for multiple item pickers it's [].

const [value, setValue] = useState(null); // Single
const [value, setValue] = useState([]); // Multiple

<DropDownPicker
  value={value}
  ...
/>

Placeholder Text

Both of the following properties are available.

placeholder

placeholder="Select an item"

translation

translation={{
  PLACEHOLDER: "Select an item"
}}

Styling

placeholderStyle

placeholderStyle={{
  color: "grey",
  fontWeight: "bold"
}}