Warning: session_start(): open(/var/lib/php/fpm/session/sess_kr9gvkd9384fal6ftrt5eqda1k, O_RDWR) failed: No such file or directory (2) in /var/www/acc01/wp-content/plugins/wordpress-social-login/wp-social-login.php on line 64

Warning: session_start(): Failed to read session data: files (path: /var/lib/php/fpm/session) in /var/www/acc01/wp-content/plugins/wordpress-social-login/wp-social-login.php on line 64

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
Android checkbox
iOS
iOS checkbox

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

Checked state

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


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

Disabled state

Add an isEnabled="false" to disable checkbox.

A disabled checkbox component is unusable and un-clickable.


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

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'
    

Components

MdbCheckbox

Selector: MDBCheckbox

Type: MdbCheckboxComponent


Inputs

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"

Events

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

Methods

You can get access to checkbox methods from another component.

Name Description
toggle Toggles the checked state of the checkbox