I have a raiobutton group defined as below:
Code: Select all
<p-radioButton name="freqGroup" value="D" label="Daily" [(ngModel)]="selectedFreq" inputId="freqopt1" styleClass="radioStyle"></p-radioButton>
<p-radioButton name="freqGroup" value="M" label="Monthly" [(ngModel)]="selectedFreq" inputId="freqopt2" styleClass="radioStyle"></p-radioButton>
But the display instead is just a circle with a thin border. Similar to https://fontawesome.com/icons/circle?style=light
Its hard to differentiate between the selected and un-selected one.