Sha256: 78c0b7abf15c3368f4c5660a3fef0715ba469a0b1b758bead011280f9727caee

Contents?: true

Size: 976 Bytes

Versions: 14

Compression:

Stored size: 976 Bytes

Contents

// @flow

import React from 'react'
import { Typeahead } from '../../'

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

14 entries across 14 versions & 1 rubygems

Version Path
playbook_ui-9.19.0 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
playbook_ui-9.19.0.pre.alphafonts app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
playbook_ui-9.18.0.flow.bin.alpha app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
playbook_ui-9.18.0 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
playbook_ui-9.17.0 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
playbook_ui-9.17.0.pre.decouple.website2 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
playbook_ui-9.16.0 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
playbook_ui-9.15.0 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
playbook_ui-9.15.0.pre.decouple.website1 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
playbook_ui-9.14.1.alpha.radio.alignment app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
playbook_ui-9.14.1.alpha.highcharts9 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
playbook_ui-9.14.1 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
playbook_ui-9.13.0 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
playbook_ui-9.9.0.alpha.inline1 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx