ba-filter

A wrapper component for displaying a filter

Figma GitHub Storybook

Must be used with ba-toolbar

This component should not be used on its own. Always use it within ba-toolbar to ensure correct spacing and layout

ba-toolbar

Always use the label attribute to give a meaningful label to the field.

Further reading:

Code

Properties & Attributes

Property Attribute Description Type Default
label (required) label The label of the filter string undefined
value value the value of the radio group. string | undefined ''

Slots

Slot Description Permitted elements
Unnamed slot Elements will render in the body of the component <ba‑filter‑checkbox>, <ba‑filter‑radio>

Parent components

ba-filter can be slotted into:

Usage

See ba-toolbar for usage examples.

GitHub Storybook Figma library Version 3 release guide Release history BAgel helper QA process