Checkbox

shellui add checkbox

<Checkbox Checked="@isChecked" CheckedChanged="@HandleChanged" />

@code {
    private bool isChecked = false;

    private void HandleChanged(bool value)
    {
        isChecked = value;
    }
}

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

@code {
    private bool isChecked = false;
}

<div class="flex items-center space-x-2">
  <Checkbox @bind-Checked="acceptTerms" />
  <Label>I accept the terms and conditions</Label>
</div>

@code {
    private bool acceptTerms = false;
}

<div class="flex items-center space-x-2">
  <Checkbox Checked="true" Disabled="true" />
  <Label>Disabled checkbox</Label>
</div>

<Form OnValidSubmit="HandleSubmit">
  <div class="space-y-4">
    <div class="flex items-center space-x-2">
      <Checkbox @bind-Checked="model.AcceptTerms" />
      <Label>Accept terms and conditions</Label>
    </div>
    <div class="flex items-center space-x-2">
      <Checkbox @bind-Checked="model.Subscribe" />
      <Label>Subscribe to newsletter</Label>
    </div>
    <Button Type="submit">Submit</Button>
  </div>
</Form>

@code {
    private FormModel model = new();

    private void HandleSubmit() { }

    private class FormModel
    {
        public bool AcceptTerms { get; set; }
        public bool Subscribe { get; set; }
    }
}