Sha256: 6d305ba3c34042399846be782af4967e463311dfc55327708f7999dddc88ec17

Contents?: true

Size: 684 Bytes

Versions: 7

Compression:

Stored size: 684 Bytes

Contents

/* @flow */

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

const initOptions = [
  { label: 'Windows', value: '#FFA500' },
  { label: 'Siding', value: '#FF0000' },
  { label: 'Doors', value: '#00FF00' },
  { label: 'Roofs', value: '#0000FF' },
]

const TypeaheadWithPills = (props) => {
  // const [values, setValues] = useState([])
  return (
    <>
      <Typeahead
          badges
          createable
          isMulti
          label="Colors"
          // onChange={(value) => console.log(value)}
          options={initOptions}
          placeholder="Placeholder"
          plusIcon
          {...props}
      />
    </>
  )
}

export default TypeaheadWithPills

Version data entries

7 entries across 7 versions & 1 rubygems

Version Path
playbook_ui-9.3.0.alpha.inline3 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.jsx
playbook_ui-9.3.0.alpha.inline2 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.jsx
playbook_ui-9.3.0.alpha.inline1 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.jsx
playbook_ui-8.2.1.pre.alpha5 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.jsx
playbook_ui-8.2.1.pre.alpha4 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.jsx
playbook_ui-8.2.1.pre.alpha3 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.jsx
playbook_ui-8.2.1.pre.alpha2 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.jsx