The good thing is that the button link is styled as expected and it does work. The bad thing is that it still takes up the space of a normal button and doesn't line up with the rest of the text as expected. Also, after clicking on the link button, it toggles a light blue border on/off each time it's clicked. No idea what that happens.
Code: Select all
<p>This sentence contains a normal link to the <a href="https://www.google.com" target="_blank">Google</a> home page.</p> <p>This sentence contains a PrimeVue button link to the <Button label="Google" class="p-button-link" @click="openURL('https://www.google.com')" /> home page.</p>
I could manually add a bunch of CSS styling to my global CSS file, but it doesn't seem like I should have to since the styling is clearly already present in the PrimeVue theme as evidenced by the link button.