Skip to content

SiFilterPillComponent documentation

selector
si-filter-pill

Input Properties

NameTypeDefaultDescription
disabled
booleanfalseWhether the pill's delete button is disabled.
filter
Required		FilterSettings of the filter pill.
totalPills
number0Total number of filter pills currently displayed.

Output Properties

NameTypeDescription
deleteFilters
FilterEmits the filter when its delete button is clicked.

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
(string & Translatable)
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.

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