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	PillOption[]	Yes	-	-
expressionMatcher	RegExp	Yes	-	-
pillConfiguration	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	-	-

Related Types

• PillComponentProps

• PillOption

• PillConfiguration

• PillTypeConfig