Skip to main content

FilterBar

import { FilterBar } from '@enmovil/ui-design-system';

A horizontal row that holds filter controls, with a right-aligned area for actions such as Reset and Apply. Wrap each labelled control in FilterItem.

Properties​

PropertyTypeRequiredDefaultAllowed valuesDescription
classNamestringNo——Extra CSS class added to the filter bar's outer element.
actionsReactNodeNo——Right-aligned action area (e.g. Reset / Apply buttons)
Other attributes

FilterBar passes 274 further attributes through to the underlying element. They aren't part of the supported API and may change between releases, so use only the properties listed on this page.

Events​

This component has no events.

Children​

FilterBar does not accept children.