You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Connected.Components/Components/Radio/Radio.razor

24 lines
1.3 KiB

2 years ago
@namespace Connected.Components
@typeparam T
@inherits UIComponent
<label class="@Classname" style="@Style" id="@_elementId" @onkeydown="@HandleKeyDown">
<span tabindex="0" class="@ButtonClassname">
<span class="mud-radio-button">
<input tabindex="-1" @attributes="UserAttributes" aria-checked="@(Checked.ToString().ToLower())" aria-disabled="@(Disabled.ToString().ToLower())" role="radio" type="radio" class="mud-radio-input" name="@RadioGroup?.Name" disabled="@Disabled" @onclick="OnClick" />
<span class="@RadioIconsClassNames">
<svg class="@IconClassName" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path>
</svg>
<svg class="@CheckedIconClassName" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"></path>
</svg>
</span>
</span>
</span>
@if (ChildContent != null)
{
<span class="@ChildSpanClassName">@ChildContent</span>
}
</label>