Rating component rendered the radio button in a normal browser

UI Components for Vue
Post Reply
Posts: 1
Joined: 22 Oct 2022, 18:35

23 Oct 2022, 22:44

Hey guys,

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:

Browser version:
Microsoft Edge
Version 106.0.1370.47 (Official build) (x86_64)

Google Chrome
Version 106.0.5249.119 (Official Build) (x86_64)


Code: Select all

  <span>Kudo points:</span>
  <div class="kudo-rating-container">
    <Rating v-model="kudoPoints" cancelIcon="pi pi-undo"/>


<script setup>
import Rating from 'primevue/rating';
import {ref} from 'vue';

const kudoPoints = ref(1);



.kudo-rating-container {
  width: 80%;


Posts: 26
Joined: 06 Sep 2022, 08:59

25 Oct 2022, 09:49

I followed this on discord. I think your problem is solved

Post Reply

Return to “PrimeVue”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest