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.27.0.pre.lazysizes1 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
playbook_ui-10.27.0.pre.datepicker1 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
playbook_ui-10.26.0 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
playbook_ui-10.26.0.pre.alpha5 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
playbook_ui-10.26.0.pre.rc1 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
playbook_ui-10.26.0.pre.alpha.sticky1 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
playbook_ui-10.26.0.pre.alpha.display1 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
playbook_ui-10.26.0.pre.alpha3 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
playbook_ui-10.25.1 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
playbook_ui-10.26.0.pre.alpha1 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
playbook_ui-10.25.0 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
playbook_ui-10.25.0.pre.alpha3 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
playbook_ui-10.25.0.pre.treeshaking1 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
playbook_ui-10.24.0 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
playbook_ui-10.24.0.pre.alpha1 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
playbook_ui-10.23.0 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
playbook_ui-10.23.0.pre.alpha2 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
playbook_ui-10.23.0.pre.cachetest app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
playbook_ui-10.23.0.pre.alpha1 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
playbook_ui-10.22.1 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx