#
Tags Input
Typeahead is powered by the plugin react-bootstrap-typeahead. Please refer there documentation for further details and instructions here https://github.com/ericgio/react-bootstrap-typeahead
#
How to use
import { Typeahead } from "react-bootstrap-typeahead";
const cityTags = [
'Amsterdam',
'Washington'
]
const emailTags = [
'[email protected]',
'[email protected]'
]
const randomWordTags = [
'Hello World',
'quotes',
'inspiration'
]
<div>
<Typeahead
allowNew
id="custom-selections-example-one"
defaultSelected={cityTags}
multiple
newSelectionPrefix="Add a new item: "
options={[]}
placeholder="Type anything..."
/>
<br />
<Typeahead
allowNew
id="custom-selections-example-two"
defaultSelected={emailTags}
multiple
newSelectionPrefix="Add a new item: "
options={[]}
placeholder="Type anything..."
/>
<br />
<Typeahead
allowNew
id="custom-selections-example-three"
defaultSelected={randomWordTags}
multiple
newSelectionPrefix="Add a new item: "
options={[]}
placeholder="Type anything..."
/>
</div>;