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_docs-14.5.0.pre.alpha.PLAY1485selectablecardoverflowoutlinebug4216 app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
playbook_ui-14.5.0.pre.alpha.PLAY1485selectablecardoverflowoutlinebug4216 app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
playbook_ui-14.6.0 app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
playbook_ui_docs-14.6.0.pre.rc.25 app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
playbook_ui-14.6.0.pre.rc.25 app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
playbook_ui_docs-14.6.0.pre.rc.24 app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
playbook_ui-14.6.0.pre.rc.24 app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
playbook_ui_docs-14.6.0.pre.rc.23 app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
playbook_ui-14.6.0.pre.rc.23 app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
playbook_ui_docs-14.6.0.pre.rc.22 app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
playbook_ui-14.6.0.pre.rc.22 app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
playbook_ui_docs-14.6.0.pre.rc.21 app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
playbook_ui-14.6.0.pre.rc.21 app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
playbook_ui_docs-14.5.0.pre.alpha.PLAY1548intltelinputupdatelatest4175 app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
playbook_ui-14.5.0.pre.alpha.PLAY1548intltelinputupdatelatest4175 app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
playbook_ui_docs-14.6.0.pre.rc.20 app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
playbook_ui-14.6.0.pre.rc.20 app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
playbook_ui_docs-14.5.0.pre.alpha.PLAY1548intltelinputupdatelatest4162 app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
playbook_ui-14.5.0.pre.alpha.PLAY1548intltelinputupdatelatest4162 app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
playbook_ui_docs-14.5.0.pre.alpha.PBNTR595popoverwidthpropfilterpopoverprop4158 app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx