Sha256: 124b572a6d588bc09550039f3da7367ee4c1f61a3260a1b275764765732041f1

Contents?: true

Size: 531 Bytes

Versions: 663

Compression:

Stored size: 531 Bytes

Contents

import React from 'react'
import { Typeahead } from 'playbook-ui'

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

const TypeaheadWithPills = (props) => {
  return (
    <>
      <Typeahead
          isMulti
          label="Colors"
          options={options}
          pillColor="neutral"
          placeholder=""
          {...props}
      />
    </>
  )
}

export default TypeaheadWithPills

Version data entries

663 entries across 663 versions & 2 rubygems

Version Path
playbook_ui_docs-14.4.0.pre.alpha.dependabotnpmandyarntiptapextensionlink2723828 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.jsx
playbook_ui-14.4.0.pre.alpha.dependabotnpmandyarntiptapextensionlink2723828 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.jsx
playbook_ui_docs-14.5.0.pre.rc.1 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.jsx
playbook_ui-14.5.0.pre.rc.1 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.jsx
playbook_ui_docs-14.4.0.pre.alpha.pbntr523enablekitsforradiofix3826 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.jsx
playbook_ui-14.4.0.pre.alpha.pbntr523enablekitsforradiofix3826 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.jsx
playbook_ui_docs-14.4.0.pre.alpha.pbntr523enablekitsforradiofix3825 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.jsx
playbook_ui-14.4.0.pre.alpha.pbntr523enablekitsforradiofix3825 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.jsx
playbook_ui_docs-14.4.0.pre.alpha.PLAY1546highchartsbump3822 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.jsx
playbook_ui-14.4.0.pre.alpha.PLAY1546highchartsbump3822 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.jsx
playbook_ui_docs-14.4.0.pre.alpha.PLAY1562highchartsbump3819 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.jsx
playbook_ui-14.4.0.pre.alpha.PLAY1562highchartsbump3819 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.jsx
playbook_ui_docs-14.5.0.pre.rc.0 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.jsx
playbook_ui-14.5.0.pre.rc.0 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.jsx
playbook_ui_docs-14.3.2.pre.alpha.pbntr523enablekitsforradiofix3809 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.jsx
playbook_ui-14.3.2.pre.alpha.pbntr523enablekitsforradiofix3809 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.jsx
playbook_ui-14.4.0 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.jsx
playbook_ui_docs-14.4.0.pre.rc.16 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.jsx
playbook_ui-14.4.0.pre.rc.16 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.jsx
playbook_ui_docs-14.4.0.pre.rc.15 app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.jsx