FilterBar

Use the FilterBar to let users filter datasets using one or more filter controls, such as text inputs, selects, and other form elements.

OverviewPropertiesUsageAccessibilityChangelog3.14.0

Changes to FilterBar. The full components changelog also lists package-wide and cross-cutting entries.

3.11.0

Updates

• Fixed FilterBar.ResetButton not having a valid accessible name when the tooltip was closed because aria-labelledby referenced an element that was not yet in the DOM. (APPDEV-18942)

3.4.0

Updates

General

• Behavior tracking attributes are now supported in all button components, including Button, IntentButton, NotifyButton, and RunQueryButton. (APPDEV-16876)
• The text and icon color tokens for the success on accent button are now correct. (APPDEV-17388)
• Behavior tracking attributes are now supported in all form components, including Calendar, Checkbox, DateTimePicker, DateTimeRangePicker, FieldSet, FormField, Label, NumberInput, NumberInputV2, PasswordInput, Radio, SearchInput, Select, Switch, TextArea, TextInput, and ToggleButtonGroup. (APPDEV-16882)
• Behavior tracking attributes are now supported in FilterBar, FilterField, SegmentSelector, and TimeframeSelector. FilterField.Suggestions and TimeframeSelector.Presets now also support behavior tracking attributes. (APPDEV-16881)
• Added feature flag and css overrides for design tokens for visual refresh. (APPDEV-17223)

3.2.0

Updates

• data-dt-name attribute is now available on the "Add filter" button. (APPDEV-16603)