I am new to PrimeVUE, I have project where uses the Rating component. Based on the documentation it says that "Rating component internally uses radio buttons that are only visible to screen readers."
However, in my browsers (Edge and Google chrome) the radio buttons are still rendered, I wonder if anyone in the forum can help me out.
Screenshot here:
https://ibb.co/CsK8d0n
Browser version:
Microsoft Edge
Version 106.0.1370.47 (Official build) (x86_64)
Google Chrome
Version 106.0.5249.119 (Official Build) (x86_64)
Thanks
Code: Select all
<template>
<span>Kudo points:</span>
<div class="kudo-rating-container">
<Rating v-model="kudoPoints" cancelIcon="pi pi-undo"/>
</div>
</template>
<script setup>
import Rating from 'primevue/rating';
import {ref} from 'vue';
const kudoPoints = ref(1);
</script>
<style>
.kudo-rating-container {
width: 80%;
}
</style>