Checkbox API · ngb-bootstrap

`<ngb-checkbox>`Component

NgbCheckbox

Checkbox built on Bootstrap 6 .check over a native <input type="checkbox"> . The projected content is the label. The model is value ( true / false ), the same name every ngb form control uses, so [(value)] , [(ngModel)] and formControlName all work.

<ngb-checkbox [(value)]="accepted" hint="You can change this later.">Accept the terms</ngb-checkbox>
<ngb-checkbox formControlName="all" [indeterminate]="some()">Select all</ngb-checkbox>

Name	Type	Default
`[(value)]` Current value; two-way bindable with `[(value)]` .	`Tnull`	`null`
`[disabled]` Disabled through the `disabled` input. Forms can also disable the control.	`boolean`	`false`
`[invalid]` Forces the invalid state on or off, for errors the form does not know about, such as a server response. By default the control is invalid when its form control is invalid and touched.	`boolean`	`undefined`
`[(indeterminate)]` Mixed state, shown with a dash. A user toggle clears it. Two-way bindable.	`boolean`	`false`
`[hint]` Description shown under the label and linked with `aria-describedby` .	`string`	—
`[color]` Theme colour (Bootstrap `.theme-*` ). Defaults to the control colour.	`NgbThemeColor`	—
`[size]` `sm` , `md` (default) or `lg` .	`NgbCheckSize`	`'md'`

`NgbCheckSize`Type

type NgbCheckSize = 'sm' | 'md' | 'lg'

<ngb-checkbox>Component

NgbCheckSizeType

`<ngb-checkbox>`Component

`NgbCheckSize`Type