Examples

Home/Examples

# Basic (using react-live)

Source

# Form with validation (using react-live)

Source

# Multi

Source

# With select/clear all

Source

# Custom dropdown handle

Source

# Styled

Source

# Item custom renderer

Source

# Custom Content And Dropdown renderers

Source

# Create new Entries

Source

Type search and hit `Return` key

# Right to left (rtl)

Source
Source

Scroll the page so the dropdown will have no space to open on the bottom, also changes position when dropdown is open (and closeOnScroll prop is not set or false)

# Render dropdown in body

Source

I am wrapped in: <div style="overflow: auto; height: 100px;">

# Open on top

Source

# Custom "no data" renderer

Source

# Windowed (20000 items)

Source

Using dropdownRenderer and bvaughn/react-virtualized

# External clear and add

Source

I can be cleared from outside by setting values to []

Values can be added from outside

# Access data by dotted path

Source

"Label" is accessed via company.catchPhrase nested property of the options object

# With animations

Source

# With a custom search function

Source