Sha256: 49253bd34f181ea4579fc7e7860c292d03719b976fdce24344dd937155961433
Contents?: true
Size: 1.08 KB
Versions: 17
Compression:
Stored size: 1.08 KB
Contents
/* @flow */
import React from 'react'
import { Body, Flex, FlexItem, Icon } from '../..'
const TypeaheadWithPillsAsyncSummary = () => {
return (
<>
<Flex
marginBottom="lg"
vertical="center"
>
<FlexItem>
<Body
color="light"
>
<Icon
icon="info-circle"
marginRight="xs"
/>
</Body>
</FlexItem>
<FlexItem>
<Body
color="light"
>
{'If the data field '}
<code>{'imageUrl'}</code>
{' is present, '}
<code>{'FormPill'}</code>
{' will receive that field as a prop and display the image. '}
<br />
{'Additionally, you can also leverage the callback prop: '}
<code>{'onMultiValueClick'}</code>
{' to perform custom work when a '}
<code>{'MultiValue'}</code>
{' item is clicked.'}
</Body>
</FlexItem>
</Flex>
</>
)
}
export default TypeaheadWithPillsAsyncSummary
Version data entries
17 entries across 17 versions & 1 rubygems