FilterBarInline Component
FilterBarInline 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 can be displayed in a column or in a row layout. FilterBarInline can render additional "Clear all filters" and "Apply filters" buttons. The two optional buttons are controlled by the onClear and onSubmit props respectively.
Layout Patterns
The display of the FilterBarInline child components can be set to a "row" or a "column" layout. On screen width under 600px width the layout is automatically set to column.