Begin of the insertion#End of the insertion **Acceptance criteria**

Begin of the deletion * End of the deletion The Begin of the insertion `SubHeader`End of the insertion Begin of the deletion  SubHeaderEnd of the deletion can handle quick filter components being passed Begin of the insertionin:

End of the insertion Begin of the deletion in

End of the deletion * Begin of the insertionThereEnd of the insertion Begin of the deletion On mobile:

* The buttons do not collapse into icon-only variants but stay as they are

* If spaceEnd of the deletion is Begin of the insertiona boolean flag forEnd of the insertion Begin of the deletion running out,End of the deletion the Begin of the deletion buttons wrap

* TheEnd of the deletion search bar Begin of the insertionto collapseEnd of the insertion Begin of the deletion collapsesEnd of the deletion into an icon button. On click, the input is shown (like it is currently on mobile). Begin of the insertion

* There is a single slot: `all_filters_button` (name tbd)

* There is a multi value slot `quick_filters` (name tbd)

* When this is used, the `all_filters_button` is required

* The slot allows ActionMenus, Buttons, IconButtons, SelectPanels, and SegmentedControls

* On mobile:

* The `quick_filters` are hidden

* The search remains visible

* The `all_filters_button` collapses into a icon only button


**Visual reference**

End of the insertion Begin of the deletion


End of the deletion <img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/920431/content">

**Out of scope**

* This does not include adding any kind of quick filter component


<br>