Content
View differences
Updated by Parimal Satyal over 1 year ago
**Context**
The meeting outcomes feature (mis)uses a Primer Figma component called 'StateLabel' to indicate meeting status: ##57799
However, this doesn't exist in the Rails version. The existing 'State' and 'Label' components are insufficiently flexible for use in Meetings. One solution is to create a new OP-Primer component to fill this need.
**Acceptance criteria**
* Create an OP-Primer component called 'Meeting status' consisting of:
* (optional) Leading icon
* State name
* (optional) Dropdown icon
* (optional) Locked status
* Statuses are predefined and have:
* a name
* a background colour
* If the component is a dropdown, clicking on it displays all available statuses and lets you switch between them
**Open question**
* If we extend the scope so we also have a 'size' option (medium and large), couldn't we possibly use the smaller one for Work package status eventually?
**Uses**
* Meeting status
* Work package status?
**Visual**
Current Primer implementation (without dropdown)
<img class="image_resized op-uc-image op-uc-image_inline" style="width:472px;" src="/api/v3/attachments/326997/content">
The meeting outcomes feature (mis)uses a Primer Figma component called 'StateLabel' to indicate meeting status: ##57799
However, this doesn't exist in the Rails version. The existing 'State' and 'Label' components are insufficiently flexible for use in Meetings. One solution is to create a new OP-Primer component to fill this need.
**Acceptance criteria**
* Create an OP-Primer component called 'Meeting status' consisting of:
* (optional) Leading icon
* State name
* (optional) Dropdown icon
* (optional) Locked status
* Statuses are predefined and have:
* a name
* a background colour
* If the component is a dropdown, clicking on it displays all available statuses and lets you switch between them
**Open question**
* If we extend the scope so we also have a 'size' option (medium and large), couldn't we possibly use the smaller one for Work package status eventually?
**Uses**
* Meeting status
* Work package status?
**Visual**
Current Primer implementation (without dropdown)
<img class="image_resized op-uc-image op-uc-image_inline" style="width:472px;" src="/api/v3/attachments/326997/content">