Checkbox Component

The ABP Checkbox Component is a reusable form input component for the checkbox type.

Inputs

• label
• labelClass (default form-check-label)
• checkboxId
• checkboxReadonly
• checkboxReadonly (default form-check-input)
• checkboxStyle

Outputs

• checkboxBlur
• checkboxFocus

Usage

The ABP Checkbox component (AbpCheckboxComponent) is a standalone component. You can import it directly in your component:

import { Component } from "@angular/core";
import { AbpCheckboxComponent } from "@abp/ng.theme.shared";

@Component({
  selector: 'app-checkbox-demo',
  imports: [AbpCheckboxComponent],
  templateUrl: './checkbox-demo.component.html',
})
export class CheckboxDemoComponent {}

Then, the abp-checkbox component can be used in your template. See the example below:

<div class="form-check">
  <abp-checkbox label="Yes,I Agree" checkboxId="checkbox-input">
  </abp-checkbox>
</div>

See the checkbox input result below: