Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including @hig/multi-downshift with all npm packages installed. Try it out:

require("downshift/package.json"); // downshift is a peer dependency. require("react/package.json"); // react is a peer dependency. var multiDownshift = require("@hig/multi-downshift")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

@hig/multi-downshift v0.1.2

Multi-selection support for Downshift

Multi-Downshift

Multi-selection support for Downshift

Getting started

yarn add @hig/multi-downshift

Import the component

import MultiDownshift from '@hig/multi-downshift';

Basic usage

<MultiDownshift
  onChange={handleChange}
  itemToString={itemToString}
>
{({
    getButtonProps,
    getRemoveButtonProps,
    isOpen,
    selectedItems,
    getItemProps,
    highlightedIndex,
  }) => (
    <MyComponent />
  )
}
</MultiDownshift>

Credits

Based on the work by Kent C. Dodds.

Metadata

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free