Sha256: c701305e52600b15b575848fe1f047483f22e9dac9b46b2d68cf1c67c45cc862

Contents?: true

Size: 980 Bytes

Versions: 975

Compression:

Stored size: 980 Bytes

Contents

// @flow

import React from 'react'

import Typeahead from '../_typeahead'

const labels = [
  { label: 'Verve', value: '1956' },
  { label: 'Stax', value: '1957' },
  { label: 'Motown', value: '1959' },
  { label: 'Kudu', value: '1971' },
  { label: 'Stones Throw', value: '1996' },
]

const expressionists = [
  { label: 'Kandinsky', value: 'Russia' },
  { label: 'Klee', value: 'Switzerland' },
  { label: 'Kokoschka', value: 'Austria' },
  { label: 'Kirchner', value: 'Germany' },
]

const TypeaheadMultiKit = (props) => {
  return (
    <>
      <Typeahead
          defaultValue={[labels[0]]}
          isMulti
          label="Badges"
          multiKit="badge"
          options={labels}
          {...props}
      />
      <Typeahead
          defaultValue={[expressionists[0]]}
          isMulti
          label="Small Pills"
          multiKit="smallPill"
          options={expressionists}
          {...props}
      />
    </>
  )
}

export default TypeaheadMultiKit

Version data entries

975 entries across 975 versions & 2 rubygems

Version Path
playbook_ui_docs-13.34.1.pre.alpha.play1407statvaluekitinconsistencies3388 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
playbook_ui-13.34.1.pre.alpha.play1407statvaluekitinconsistencies3388 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
playbook_ui_docs-13.34.1.pre.alpha.PLAY14703378 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
playbook_ui-13.34.1.pre.alpha.PLAY14703378 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
playbook_ui_docs-13.34.1 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
playbook_ui-13.34.1 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
playbook_ui_docs-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3370 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
playbook_ui-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3370 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
playbook_ui_docs-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3369 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
playbook_ui-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3369 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
playbook_ui-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3368 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
playbook_ui_docs-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3366 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
playbook_ui-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3366 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
playbook_ui-13.34.0 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
playbook_ui_docs-13.33.1.pre.alpha.play1407statvaluekitinconsistencies3352 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
playbook_ui-13.33.1.pre.alpha.play1407statvaluekitinconsistencies3352 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
playbook_ui_docs-13.33.1.pre.alpha.PLAY14063320 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
playbook_ui-13.33.1.pre.alpha.PLAY14063320 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
playbook_ui-13.33.1 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
playbook_ui_docs-13.33.0.pre.alpha.PBNTR405dropdownformfixesrails3311 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx