# 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>;