Tag small version

[Jose-ProductDesign]

Goal

Adapt components to other interfaces.

Context

In this case, we need to show a tag in the widget for Mein O2 & Blau.
Currently we have a tag that adapts both the app and the web, but in the widget interface we are showing smaller elements (font size, short text...) and the tag does not fit with the rest of the elements.

We are displaying this component throughout the app for this information (invoice status) and would like to keep the same visual component for the widget.

Impact

Have the small version property

Discussion Questions

Could we have this option?

Additional considerations

No response

Do you have a visual proposal?

https://www.figma.com/design/LWautiuS1jnIrD07HtRfRL/-MeinO2--New-widget-size-4x1-4x2-for-Mein-O2-and-Blau-Q3-2025-PRODUCTDSN-3452?node-id=13089-419&t=SwxWtYVsN3RaI7CK-4

[HectorSancho]

Hello Jose,

After discussing it, we think it would be interesting to have the small version of the tags.

We should include it in the Q goals and talk to the PM and OB.

As a side note, if you want to have visuals that are closer to the final solution, change the text to 12 pt. We did a quick test on that Figma file.