**Context**

Currently in our pre-Primer toolbars, we use the "pressed" state of buttons to indicate that something is active/enabled. Some key examples:

* Begin of the insertion**Watch**:End of the insertion Begin of the deletion Watch:End of the deletion pressed when watching a work package

* Begin of the insertion**Filter**:End of the insertion Begin of the deletion Filter:End of the deletion pressed when the filter panel is displayed

* Begin of the insertion**Baseline**:End of the insertion Begin of the deletion Baseline:End of the deletion pressed when the baseline panel is visible


However, this isn't always the case. In other cases, we do not use the pressed state:

* Begin of the insertion**WatchEnd of the insertion Begin of the deletion WatchEnd of the deletion in Wiki Begin of the insertionpages**:End of the insertion Begin of the deletion pages:End of the deletion not pressed when watching; a change of icon and label (Watch/Unwatch)

* Begin of the insertion**Reminders**:End of the insertion Begin of the deletion Reminders:End of the deletion Not pressed when a reminder is active; a badge will be shown instead: <mention class="mention" data-id="61314" data-type="work_package" data-text="#61314">#61314</mention>

* Begin of the insertion**Include projects**:End of the insertion Begin of the deletion Include projects:End of the deletion Not pressed when the include projects panel is visible

* Begin of the insertion**LiveEnd of the insertion Begin of the deletion LiveEnd of the deletion time Begin of the insertiontracking:**End of the insertion Begin of the deletion tracking:End of the deletion Not pressed when active; the icon changes and the icon-button becomes a button with a time-elapsed label

* Begin of the insertion**Sharing work pacakges:**End of the insertion Begin of the deletion Shared:End of the deletion Not pressed; a badge is shown with the number of &#39;shares&#39;

* Begin of the insertion**Starred projects:**End of the insertion Begin of the deletion Starred projects:End of the deletion A star is either visible or not in the list of projects when enabled; the action is only visible on hover.

* Begin of the insertion**Locking/unlockingEnd of the insertion Begin of the deletion Lock/unlockEnd of the deletion a wiki Begin of the insertionpage**:End of the insertion Begin of the deletion page:End of the deletion not pressed since action only available in the More menu; a change of icon and label (Lock/Unlock)


**Approaches**

To summarise, we have four approaches used in OpenProject at the moment to indicate Begin of the insertionthat something isEnd of the insertion Begin of the deletion anEnd of the deletion active Begin of the insertionin OpenProject:End of the insertion Begin of the deletion state:End of the deletion

* The addition of a badge

* The pressed state

* A change of icon

* A change of button (from icon to text, for example)


**Decision need**

Primer does not have guidelines on whether a pressed state can be used Begin of the insertionas an persistent indication of state (as opposedEnd of the insertion to Begin of the insertionindicating that the button is being pressed at that moment).End of the insertion Begin of the deletion communicate information.End of the deletion There are reasons _not_ to mis-use the pressed state to indicate state, notably because there are other components like a toggle or a segmented control that are better suited to this.&nbsp;

However, when space is a premium and adding a toggle (which requires a label) is impractical, the pressed state can be very useful. Also, there are certain cases with &#39;enabled&#39; state is a lot clearer than a change in icon.

The question then is: **Should we continue using the pressed state in our Primerised design? If so, when should we use it vs other options?**

**Relevance**

These decisions will mostly be relevant to our re-design of our Primerised split screen header and work package details sections:

* ###58599

* ###61516


<br>

<br>