Files
kompress_eshop/penguinui-components/radio/radio-with-description.html

8 lines
1.1 KiB
HTML

<div class="flex flex-col text-on-surface dark:text-on-surface-dark">
<div class="flex items-center justify-start gap-2 font-medium has-disabled:opacity-75">
<input id="radioMac" type="radio" class="before:content[''] relative h-4 w-4 appearance-none rounded-full border border-outline bg-surface-alt before:invisible before:absolute before:left-1/2 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-x-1/2 before:-translate-y-1/2 before:rounded-full before:bg-on-primary checked:border-primary checked:bg-primary checked:before:visible focus:outline-2 focus:outline-offset-2 focus:outline-outline-strong checked:focus:outline-primary disabled:cursor-not-allowed dark:border-outline-dark dark:bg-surface-dark-alt dark:before:bg-on-primary-dark dark:checked:border-primary-dark dark:checked:bg-primary-dark dark:focus:outline-outline-dark-strong dark:checked:focus:outline-primary-dark" name="radioDefault" value="" aria-describedby="radioMacDescription" checked >
<label for="radioMac" class="text-sm">Mac</label>
</div>
<span id="radioMacDescription" class="ml-6 text-sm">For macOS Big Sur and higher</span>
</div>