Tag: center icon when no label is present (icon-only mode)

[jnoordsij]

Describe the bug

Discussed in https://github.com/orgs/primefaces/discussions/871

^{Originally posted by jnoordsij January 9, 2024}
Similarly to how it is possible to have an icon-only Button, it would be nice to be able to have an icon-only Tag. Currently there is some always-present margin on the icon, which means an icon in a Tag without label is not properly centered.

Possibly related: allowing choosing position of icon in Tag component like in Button.

Reproducer

https://codesandbox.io/p/devbox/primevue-tag-icon-uncentered-3drml7

PrimeVue version

3.46.0

Vue version

3.x

Language

TypeScript

Build / Runtime

Vite

Browser(s)

No response

Steps to reproduce the behavior

1. Create a Tag component that has

• an icon value
• no content

Expected behavior

The icon of the Tag to be properly centered.