filterpill

label
Required
string
value
Required
string
icon
Not required
node
onRemove
Not required
func
removeTooltipLabel
Not required
string
isDisabled
Not required
bool
isInvalid
Not required
bool
hasUnsavedChanges
Not required
bool
fullWidth
Not required
bool
false

A pill-shaped component used for displaying active filters with a label and value.

Basic usage

With an icon

With a remove button

With a remove button and remove tooltip

With unsaved changes

Invalid state

Invalid with unsaved changes

Disabled state

Multiple filters

Long values are truncated