Docebo libraries documentation site
vdevelop
Get Started
Guides
Overview Icons Illustrations Theme
Components
Accordion Avatar Badge Alert Badge Icon Badge Status Blank Slate Button Calendar Card Carousel Chip Data Browser Expandable Content Facet List
Filters
Filter Filter Container Filter Multiple Selection Filter Single Selection Filter Slider Range Selection Filter Slider Selection
Helper Message Icon Illustration
Inputs
Input Autocomplete Input Checkbox Input Checkbox Group Input Combobox Input Date Input Password Input Radio Group Input Rating Input Search Input Select Input Slider Input Text Input Toggle Input Upload
Link List List Listbox List Navigation List Presentation List Sheet List Tablist List Tree Menu Modal Dialog Navigation Notification Pagination Bar Popover Progress Skeleton Stepper Table Toast Tooltip
API References
@elemental/ui / Class

LmnFilterContainerDirective

Decorators:@Directive
Selectors:[lmnFilterContainer]

A directive that allows you to group filters together.

Properties

NameTypeDescription
groupName
r
InputSignal<string>

The name of the group of filters. This name is used to register the filters in the filter service.

selectedValues
r
Signal<Record<string, unknown>>

The selected values of all filters in the group. @warning You must use this property AFTER the directive is initialized by positioning it in the template after the directive. If you need to print the selected values before, use the output selectedValuesChange to capture the changes and store the values in a our property.

selectedValuesChange
r
OutputRef<Record<string, unknown>>

Emits every times that the selected values change in any filters of group.

Methods

clearAll()

Clear all filters in the group.

Presentation
clearAll(): void;
Returns
void