Pill

Individual Pill component that renders a formatted value with icon and styling

Installation

import { Pill } from 'uxp/components';

Signature

const Pill: React.FunctionComponent<PillComponentProps>

Properties

Name
Type
Mandatory
Default Value
Example Value

value

string

Yes

-

-

allFields

Yes

-

-

expressionMatcher

RegExp

Yes

-

-

pillConfiguration

No

-

-

draggable

boolean

No

-

-

className

string

No

-

-

onClick

() => void

No

-

-

pillValuesSplitFn

(value: string) => string[]

No

-

-

typeIndex

number

No

-

-

showFomatters

boolean

No

-

-

onChangeFormatters

(value: string) => void

No

-

-

onClickFormatters

() => void

No

-

-

Last updated