abp/docs/en/UI/Angular/Checkbox-Component.md

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 is a part of the ThemeSharedModule module. If you've imported that module into your module, there's no need to import it again. If not, then first import it as shown below:

// my-feature.module.ts

import { ThemeSharedModule } from "@abp/ng.theme.shared";
import { CheckboxDemoComponent } from "./CheckboxDemoComponent.component";

@NgModule({
  imports: [
    ThemeSharedModule,
    // ...
  ],
  declarations: [CheckboxDemoComponent],
  // ...
})
export class MyFeatureModule {}

Then, the abp-checkbox component can be used. 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: