Hi Bryon,

You could style your own elements (spans, divs, li elements, whatever) and use a simple expression in their class list to determine whether to add a class that denotes active state, something like this: https://github.com/telerik/blazor-stocks/blob/master/Client/Components/StocksChart/TopAreaContainer.razor#L16

I think this will be easier than hacking at the styles of <button> elements, while at the same time attaching an @onclick is exactly the same for a <span> and <button> in Blazor.

Regards,
Marin Bratanov
Progress Telerik

Hello Patrick,

I was thinking about this in terms of functionality, not in terms of all possible UI implementations. If I understand you correctly, you want checkboxes that can look like this: https://demos.telerik.com/kendo-ui/switch/index. Am I correct?

Regards,
Marin Bratanov
Progress Telerik

Hi Patrick,

A dropdown with two options is one choice, another common choice is a checkbox.

Here's an example how you can style checkboxes with our theme:

    <ul>
        <li>
            <input type="checkbox" id="cb1" class="k-checkbox" checked="checked">
            <label class="k-checkbox-label" for="cb1">Option 1</label>
        </li>
        <li>
            <input type="checkbox" id="cb2" class="k-checkbox">
            <label class="k-checkbox-label" for="cb2">Option 2</label>
        </li>
        <li>
            <input type="checkbox" id="cb3" class="k-checkbox" checked="checked" disabled="disabled">
            <label class="k-checkbox-label" for="cb3">disabled checkbox</label>
        </li>
    </ul>

If this is not what you are looking for, could you provide some more details and examples?

Regards,
Marin Bratanov
Progress Telerik