# Feature DREAM-16 - Update the PageHeader component to do all required actions

Project: Stream Design System
Status: closed
URL: https://community.openproject.org/work_packages/DREAM-16

## Planning

| Attribute | Value |
| --- | --- |
| Date |  |
| Priority | Medium |
| Target versions | 14.0.0 |
| Sprint |  |
| Backlog bucket |  |
| Votes |  |
| List |  |
| Roadmap |  |
| Relevance |  |

## OPEN POINTS / FEEDBACK

_No work packages_

## Features and Chunks

_No work packages_

## Bugs and other work packages

_No work packages_

## Technical Details

| Attribute | Value |
| --- | --- |
| Module |  |
| Feature Flag |  |
| Requires doc change | No |
| Enterprise plan |  |

## Details

| Attribute | Value |
| --- | --- |
| Pull preview |  |
| Mockups |  |
| Accessibility | No |

## People

| Attribute | Value |
| --- | --- |
| Assignee |  |
| Accountable |  |
| Product manager |  |
| Developers |  |
| Designer |  |
| Ordered by |  |
| Signed off by |  |
| Interest by |  |

## Estimates and progress

| Attribute | Value |
| --- | --- |
| PD (min) |  |
| PD (max) |  |
| Work |  |
| Labor costs |  |

## Description

**Acceptance criteria**

- [x] Support breadcrumbs (TBD - see Epic <mention class="mention" data-id="52399" data-type="work_package" data-text="#52399">#52399</mention>)
- [x] When using the default variant, an `h1` tag is to be produced.
  - [x] If ever another tag is to be used, it needs to be overwritten at the place of implementation
- [x] Turn singular `actions` slot into collection of `action` slots where each already has a margin so that buttons inside the actions don't need to all add a margin themselves
- [x] In mobile the divider will not disappear (opposed to the current implementation)
- [x] In mobile the PageHeader will contain a maximum of 1 action. If there is multiple actions this action will be a three dots vertical more menu.

**Out of scope - Will be tackled in** **<mention class="mention" data-id="53971" data-type="work_package" data-text="#53971">#53971</mention>**

- [ ] ~~Have a variant/state of the page component that is rendered when editing (e.g. renaming a meeting or saving a project list)~~
    - ~~In that variant/state, a form will replace the title area and there will be different actions than when in show mode~~