Sha256: 9dff56900d5a5cad66a183577811f31e138d928f0c781b0439b565f876f0129d

Contents?: true

Size: 876 Bytes

Versions: 975

Compression:

Stored size: 876 Bytes

Contents

// @flow

import React from 'react'

import Typeahead from '../_typeahead'

const synths = [
  { label: 'Oberheim', value: 'OBXa' },
  { label: 'Moog', value: 'Minimoog' },
  { label: 'Roland', value: 'Juno' },
  { label: 'Korg', value: 'MS-20' },
]

const cities = [
  { label: 'Budapest', value: 'Hungary' },
  { label: 'Singapore', value: 'Singapore' },
  { label: 'Oslo', value: 'Norway' },
  { label: 'Lagos', value: 'Nigeria' },
]

const TypeaheadInline = (props) => {
  return (
    <>
      <Typeahead
          inline
          isMulti
          label="Synths"
          options={synths}
          {...props}
      />
      <Typeahead
          inline
          isMulti
          label="Placeholder Plus Icon"
          options={cities}
          placeholder="Add cities"
          plusIcon
          {...props}
      />
    </>
  )
}

export default TypeaheadInline

Version data entries

975 entries across 975 versions & 2 rubygems

Version Path
playbook_ui-10.22.0 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
playbook_ui-10.21.1.pre.alpha1 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
playbook_ui-10.21.0.pre.alpha.lightbox.2 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
playbook_ui-10.21.0 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
playbook_ui-10.21.0.pre.alpha.lightbox app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
playbook_ui-10.21.0.pre.alpha.rg1 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
playbook_ui-10.21.0.pre.alpha.jg1 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
playbook_ui-10.21.0.pre.alpha.na1 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
playbook_ui-10.21.0.pre.alpha.jd1 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
playbook_ui-10.20.0 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
playbook_ui-10.19.0 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
playbook_ui-10.19.0.pre.lightbox app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
playbook_ui-10.18.2 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
playbook_ui-10.19.0.pre.popover.alpha1 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
playbook_ui-10.18.1 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
playbook_ui-10.18.0 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
playbook_ui-10.17.0 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
playbook_ui-10.16.0 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
playbook_ui-10.15.1 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
playbook_ui-10.15.1.pre.alpha.rubocop.deps app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx