Content
View differences
Updated by Henriette Darge 29 days ago
# **Acceptance criteria**
The `SubHeader` can handle quick filter components being passed in:
* There is a boolean flag for the search bar to collapse into an icon button. On click, the input is shown (like it is currently on mobile).
* There is a single slot: `all_filters_button` (name can be different) tbd)
* There is a multi value slot `quick_filters` (name can be different) 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**
<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>
The `SubHeader` can handle quick filter components being passed in:
* There is a boolean flag for the search bar to collapse into an icon button. On click, the input is shown (like it is currently on mobile).
* There is a single slot: `all_filters_button` (name can be different)
* There is a multi value slot `quick_filters` (name can be different)
* 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**
<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>