This library is still in development and is available only for internal usage at VTEX.
Skip to main content

Filter

Version: 0.135.0

Filter

Filter triggers allow merchants to find relevant information by choosing criteria and refining results.

ComponentDescription
FilterDisclosureComponent for the buttons that trigger the menu.
FilterPopoverPopover component, which is always a parent component.
FilterListboxComponent for the option list.
FilterFooterComponent for the footer with clear and apply buttons.
FilterOptionCheckboxCheckbox option component, this should be used only on multiple selection filters.
FilterOptionRadioRadio option component, this should be used only on single selection filters.
FilterSearchboxSearch box component that should be used only when building searchable filters.
FilterGroupA grouping component that displays the disclosures as cohesive bar.
FilterControlA filter for toggling visibility of optional filters. Should be used when some of the filters are optional.
FilterOptionalWrapper component that mounts and unmounts a filter, making it optional. Controlled by FilterControl.