FilterBarPopup Component
FilterBarPopup is a wrapper component for filter components. The DS considers the following components as filter components:
- CheckboxGroup
- MultiSelectGroup
- RadioGroup
- Checkbox
- DatePicker
- MultiSelect
- Radio
- Select
- Slider
- TextInput
- Toggle
The wrapped components/component groups are displayed in a row layout.
The totalResults
prop updates the "Show X results" button with X being the total number of results associated to the results list. If this prop is not used, the "Show results" button is rendered and an optional "Clear all filters" button can be rendered which is controlled by the onClear
prop. The "Show results" button will call the onSubmit
function if passed and close the modal.
FilterBarPopup Example
The following button opens the FilterBarPopup
component.