Simple CheckBox renders as text input

Hi,
I'm new to Radzer components and I'm running into issues when trying to use the checkbox as per the example source code.
I have tried server side with target being .Net 5 and .Net core 3.1 as well as .Net 2.1 standard web assembly project in browsers edge, firefox and chrome. All of them resulting in a text input box instead of a checkbox. I'm wondering if there is something there needs to be setup not described in the https://blazor.radzen.com/checkbox source example?
I'm now on 3.0.10, but have also given 2.18.16 a spin but with the same result.

@page "/checkbox"
@using Radzen.Blazor 
<div class="row">
    <div class="col-xl-6">
        <h3>CheckBox</h3>
        <RadzenCheckBox @bind-Value=@checkBox1Value TValue="bool" Change=@(args => @OnChange(args, "CheckBox1 CheckBox")) />
        <RadzenLabel Text="CheckBox1" Component="CheckBox1" Style="margin-left: 5px;" />
        <h3 style="margin-top: 2rem">Tri State</h3>
        <RadzenCheckBox @bind-Value=@checkBox2Value TriState="true" TValue="bool?" Change=@(args => OnChange(args, "TriState CheckBox")) /><RadzenLabel Text="TriState" Style="margin-left: 5px" Component="CheckBox2" />
        <h3 style="margin-top: 2rem">Disabled</h3>
        <RadzenCheckBox @bind-Value=@checkBox3Value Disabled="true" TriState="true" TValue="bool?" /><RadzenLabel Text="Disabled" Style="margin-left: 5px" Component="CheckBox3" />
    </div>
    <div class="col-xl-6">
        
    </div>
</div>

@code {
    bool checkBox1Value;
    bool? checkBox2Value;
    bool? checkBox3Value = true;

    //EventConsole console;

    void OnChange(bool? value, string name)
    {
        //console.Log($"{name} value changed to {value}");
    }
}

Thx Kim

Hey @Kimb,

Most probably you’ve missed to register the CSS styles. Check our getting started for more info:

Hi enchev,
Thanks, that was spot on.
Thx Kim