<Checkbox @bind-Checked="_isChecked" />

private bool _isChecked = true;

<Checkbox @bind-Checked="_isChecked" Icon="Lucide.Plus" />

<Checkbox @bind-Checked="_isChecked" Label="Check me" />

<Checkbox @bind-Checked="_isChecked" Label="Check me" Required />

<Checkbox @bind-Checked="_isChecked" Label="Check me" Color="ComponentColor.Primary" />

<Checkbox @bind-Checked="_isChecked" Label="Check me" Color="ComponentColor.Secondary" />

<Checkbox @bind-Checked="_isChecked" Label="Check me" Color="ComponentColor.Tertiary" />

<Checkbox @bind-Checked="_isChecked" Label="Check me" Disabled />

@foreach (var root in _permissions)
{
    <CheckboxTree Item="root" OnChange="OnTreeUpdated" />
}

private List<CheckboxTreeItem> _permissions = new List<CheckboxTreeItem>
{
    new() { 
        Label = "Manajemen Risiko",
        Children =
        [
            new() { 
                Label = "Laporan Bulanan",
                Children =
                [
                    new() { Label = "Buat Laporan" },
                    new() { Label = "Edit Laporan" },
                    new() { Label = "Hapus Laporan" }
                ]
            },
            new() { Label = "Analisa Data" }
        ]
    },
    new() { 
        Label = "Pengaturan Sistem",
        Children =
        [
            new() { Label = "Manajemen User" },
            new() { Label = "Audit Log" }
        ]
    }
};