tsai
/
abp
mirror of https://github.com/abpframework/abp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Open Source Web Application Framework for ASP.NET Core
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
44071 Commits
246 Branches
274 Tags
1.9 GiB
 
 
 
 
 
 
Tree: 1eb31129c1
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '1eb31129c1'
${ noResults }
abp/docs/en/framework/ui/angular/checkbox-component.md

1.2 KiB
Raw Blame History 

//[doc-seo]
{
    "Description": "Discover how to implement the ABP Checkbox Component for reusable form input, enhancing your applications with ease and efficiency."
}

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:

abp-checkbox