Button: Icon position prop does not work as expected when use slot

[manjindersinghsarkaria]

Describe the bug

When using a slot to provide an icon, the iconPos prop does not have any effect. I noticed this behavior while using Font Awesome icons. Even when testing with PrimeVue icons, the position remained unchanged. Below is the code snippet, and I'll also attach a screenshot for reference.

<script setup></script>

Reproducer

https://stackblitz.com/edit/voekuq?file=src%2FApp.vue

PrimeVue version

3.51.0

Vue version

3.x

Language

TypeScript

Build / Runtime

Vue CLI App

Browser(s)

No response

Steps to reproduce the behavior

Add an icon inside the button using the icon slot, and give a position right via prop called iconPos, and you will see that the icon remain on left.

Expected behavior

Icon position should moved to right when the iconPos is right

[Rekl0w]

https://stackblitz.com/edit/voekuq-khdt1t?file=src%2FApp.vue

Try this, this should do.

[manjindersinghsarkaria]

@Rekl0w
In the PrimeVue component library, when using a slot to provide an icon instead of utilizing PrimeIcons, the iconPos prop does not function as expected. This issue arises specifically when utilizing the icon slot with non-PrimeIcons, such as Font Awesome.