{# @description daisyUI's radio: a native one-of-many control. type is written by the template — radio does not accept it, and a caller passing type would produce a duplicate attribute the browser resolves to the first. Give every radio in a group the same name and group them in a c-form.fieldset whose legend names the group. A control still needs a c-form.label, an aria-label or an aria-labelledby for its accessible name. See the fieldset gallery entry for labelled, disabled and invalid examples. #}
{# @prop variant:select['neutral','primary','secondary','accent','info','success','warning','error'] | description:"Colour variant." #}
{# @prop size:select['xs','sm','md','lg','xl'] | description:"Radio size." #}
{# @prop class:text | description:"Extra classes added to the radio." #}
{% load daisy_cotton %}
<c-vars variant="" size="" class="" />
{# djlint:off #}
<input type="radio" class="radio {% variation variant "radio" "neutral,primary,secondary,accent,info,success,warning,error" %} {% variation size "radio" "xs,sm,md,lg,xl" %} {{ class }}" {{ attrs }}>
{# djlint:on #}