Skip to content

SiFilterPillComponent documentation

selector
si-filter-pill

Input Properties

NameTypeDefaultDescription
disabled
booleanfalse
filter
Required
FilterSettings of the filter pill.
totalPills
number0

Output Properties

NameTypeDescription
deleteFilters
FilterOutput callback event which will provide you the name of the deleted filter pill if a filter was deleted.

Types Documentation

Properties
Short description of filter pill. Can be left empty if title is used to align the title to middle of pill.
description?: TranslatableString
Identification name of filter pill. Is not shown to the user, please specify either a title or a description .
filterName: string
Deprecated: The status property has been deprecated as it no longer has any visual effect on filter pills. This property will be removed in the next major version. Please remove this property from your Filter objects as it is now ignored by the filter component.
status?: FilterStatusType
Shown title of filter pill. Can be left empty if description is used.
title?: TranslatableString
Represents a translatable string. This can either be a translation key, e.g. ACTIONS.EDIT that will be automatically translated when displayed on the UI or a pre-translated string, e.g. Edit . Equivalent to a normal string in usage and functionality.
("default" | "success" | "info" | "warning" | "danger" | "inactive")
Deprecated: FilterStatusType has been deprecated as it no longer has any visual effect on filter pills. This type will be removed in the next major version. Please remove any usage of the status property from your Filter objects as it is now ignored by the component.
Translatable
import

Except where otherwise noted, content on this site is licensed under MIT License.