Begin of the deletion * End of the deletion The sub-header is intended to provide additional space Begin of the insertionbelowEnd of the insertion Begin of the deletion belwoEnd of the deletion the actual header

### Acceptance criteria

* [ ] Begin of the insertionThe component is a standalone component, because the PageHeader will have the option to display navigational tabs. The sub-header then needs to be displayed inside the tab content
* [ ]End of the insertion There is a possibility to add Begin of the deletion buttons (e.g. filters), search bars and other stuff inEnd of the deletion a Begin of the insertionfilter button and/or a search bar onEnd of the insertion Begin of the deletion row belowEnd of the deletion the Begin of the insertionleft side
End of the insertion Begin of the deletion PageHeader
End of the deletion * [ ] Begin of the insertionOn mobile,End of the insertion Begin of the deletion SinceEnd of the deletion the Begin of the insertionfilter search bar needs to shrink
* [ ] ThereEnd of the insertion Begin of the deletion possition of the primary buttonEnd of the deletion is Begin of the deletion not decided yet, the component should be written inEnd of the deletion a Begin of the insertionpossibilityEnd of the insertion Begin of the deletion way, that we can simply change the position of the button in the component wihtout havingEnd of the deletion to Begin of the insertionadd 1-?? buttons on the right sideEnd of the insertion Begin of the deletion touch all occurences again.End of the deletion

Begin of the insertion[https://www.figma.com/design/tUkyiLDn5ax7Q9DAhxlS69/Sub-headers-concept?node-id=360-31337&t=iGwNAeuo8vrocQHV-0](https://www.figma.com/design/tUkyiLDn5ax7Q9DAhxlS69/Sub-headers-concept?node-id=360-31337&t=iGwNAeuo8vrocQHV-0)End of the insertion Begin of the deletion [https://www.figma.com/file/tUkyiLDn5ax7Q9DAhxlS69/Sub-headers-concept?type=design&node-id=0-1&mode=design](https://www.figma.com/file/tUkyiLDn5ax7Q9DAhxlS69/Sub-headers-concept?type=design&node-id=0-1&mode=design)End of the deletion

Begin of the insertion**Example**

<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/102778/content">



End of the insertion #### QA hints

* This component will be completely developed within the primer\_view\_components repo and thus needs to be tested in Lookbook (or in the core after the version was updated, which will be done in a separate ticket)