Sha256: 1f396647ebf4a71d7f82db2b69ffeeb564c9d0a3e34b1294427a7f36ecd05e25

Contents?: true

Size: 845 Bytes

Versions: 158

Compression:

Stored size: 845 Bytes

Contents

import React from 'react'
import Typeahead from '../../pb_typeahead/_typeahead'

const names = [
  { label: 'Alexander Nathaniel Montgomery', value: 'Alexander Nathaniel Montgomery' },
  { label: 'Isabella Anastasia Wellington', value: 'Isabella Anastasia Wellington' },
  { label: 'Christopher Maximilian Harrington', value: 'Christopher Maximilian Harrington' },
  { label: 'Elizabeth Seraphina Kensington', value: 'Elizabeth Seraphina Kensington' },
  { label: 'Theodore Jonathan Abernathy', value: 'Theodore Jonathan Abernathy' },
]

const FormPillTruncatedText = (props) => {
  return (
    <>
      <Typeahead
          htmlOptions={{ style: { maxWidth: "240px" }}}
          isMulti
          label="Names"
          options={names}
          truncate={1}
          {...props}
      />
    </>
  )
}

export default FormPillTruncatedText

Version data entries

158 entries across 158 versions & 2 rubygems

Version Path
playbook_ui-14.5.0.pre.alpha.PBNTR595popoverwidthpropfilterpopoverprop4158 app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
playbook_ui_docs-14.5.0.pre.alpha.PBNTR614advancedtablepoc4155 app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
playbook_ui-14.5.0.pre.alpha.PBNTR614advancedtablepoc4155 app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
playbook_ui_docs-14.6.0.pre.rc.19 app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
playbook_ui-14.6.0.pre.rc.19 app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
playbook_ui_docs-14.6.0.pre.rc.18 app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
playbook_ui-14.6.0.pre.rc.18 app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
playbook_ui_docs-14.5.0.pre.alpha.play1549upgradereactmodal4130 app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
playbook_ui-14.5.0.pre.alpha.play1549upgradereactmodal4130 app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
playbook_ui_docs-14.5.0.pre.alpha.PLAY1601updatereactzoompanpinch4128 app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
playbook_ui-14.5.0.pre.alpha.PLAY1601updatereactzoompanpinch4128 app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
playbook_ui_docs-14.5.0.pre.alpha.PLAY1601updatereactzoompanpinch4123 app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
playbook_ui-14.5.0.pre.alpha.PLAY1601updatereactzoompanpinch4123 app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
playbook_ui_docs-14.6.0.pre.rc.17 app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
playbook_ui-14.6.0.pre.rc.17 app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
playbook_ui_docs-14.5.0.pre.alpha.play1586datearea4115 app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
playbook_ui-14.5.0.pre.alpha.play1586datearea4115 app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
playbook_ui_docs-14.6.0.pre.rc.16 app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
playbook_ui-14.6.0.pre.rc.16 app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
playbook_ui_docs-14.5.0.pre.alpha.PLAY1485selectablecardoverflowoutlinebug4098 app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx