Sha256: bd9efe6d201b08eb0d377cf2cbef8e2cd0ca11b06c7c56b5dc164a4e487042e8
Contents?: true
Size: 855 Bytes
Versions: 53
Compression:
Stored size: 855 Bytes
Contents
import React from 'react'
import { Typeahead } from 'playbook-ui'
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 TypeaheadTruncatedText = (props) => {
return (
<>
<Typeahead
htmlOptions={{ style: { maxWidth: "240px" }}}
isMulti
label="Truncation Within Typeahead"
options={names}
truncate={1}
{...props}
/>
</>
)
}
export default TypeaheadTruncatedText
Version data entries
53 entries across 53 versions & 2 rubygems