Warning: Use of undefined constant MDB_STRIPE_SUB_WEBHOOK_SECRET - assumed 'MDB_STRIPE_SUB_WEBHOOK_SECRET' (this will throw an Error in a future version of PHP) in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/mdb-subscriptions/mdb-payments/stripe/class-mdb-stripe-webhook.php on line 26

Notice: Undefined index: HTTP_REFERER in /var/www/acc01/wp-content/themes/mdbootstrap4/inc/cookie-setter.php on line 8
Angular Mobile Checkbox - Bootstrap 4 & Material Design. - Material Design for Bootstrap

Angular Mobile Checkbox

Angular Mobile Checkbox - Bootstrap 4 & Material Design

Angular Mobile Bootstrap checkbox is a component used to allow a user to make a multiple choice. It is broadly used in the forms and surveys.

Checkboxes are for selecting one or several options in a list, while radios are for selecting one option from many.

Basic example

Android checkbox
iOS checkbox

            <Checkbox text="MDB Checkbox"></Checkbox>

Checked state

Add a checked="true" input to pre-select checkbox when the page loads.

            <Checkbox text="MDB Checkbox" checked="true"></Checkbox>

Disabled state

Add an isEnabled="false" to disable checkbox.

A disabled checkbox component is unusable and un-clickable.

            <Checkbox text="MDB Checkbox" isEnabled="false"></Checkbox>

Angular Mobile Checkbox - API

In this section you will find informations about required modules and available inputs, outputs, methods and events of checkbox component.

Modules used

In order to speed up your application, you can choose to import only the modules you actually need, instead of importing the entire MDB Angular library. Remember that importing the entire library, and immediately afterwards a specific module, is bad practice, and can cause application errors.

    // MDB Angular Mobile Free
    import { MdbCheckboxModule } from 'mdb-angular-mobile'



Selector: MDBCheckbox

Type: MdbCheckboxComponent


Name Type Default Description Example
checked boolean false Specifies the checked state of the checkbox checked="true"
isEnabled boolean true Specifies the disabled state of the checkbox [isEnabled]="false"


Name Type Description Example
checkedChange Checkbox native view Event fired on checkbox checked state change (checkedChange)="onChange($event)"


You can get access to checkbox methods from another component.

Name Description
toggle Toggles the checked state of the checkbox