NgxPrettyCheckbox is to quickly integrate beautiful checkbox components (checkbox, switch, radio button) with Angular.

angular material checkbox, angular checkbox example, angular material checkbox example, mat checkbox checked based on condition, angular checkbox checked

JavaScript Library for Rendering Anything as HTML Checkboxes | Checkboxland

How to make use of it:

Installation

npm install pretty-checkbox // or
yarn add pretty-checkbox

1. Alternatively, you can also use a CDN link.

https://cdn.jsdelivr.net/npm/[email protected]/dist/pretty-checkbox.min.css

2. Download the beautiful square angular module from the npm package manager.

npm install ngx-pretty-checkbox

3. add dist/pretty-checkbox.min.css file from node_module of pretty-checkbox in html or import src/pretty-checkbox.scss file in scss file.

@import '~pretty-checkbox/src/pretty-checkbox.scss';

4. Add ngx-pretty-checkbox in AppModule.

import { NgxPrettyCheckboxModule } from 'ngx-pretty-checkbox';

@NgModule({
  declarations: [ ... ],
  imports: [
    ...,
    NgxPrettyCheckboxModule
  ],
  providers: [ ... ],
  bootstrap: [ ... ]
})
export class AppModule { 
  ...
}

5. Use it in your angular app.

<p-checkbox> Default </p-checkbox>

Ngx Pretty Checkbox Plugin/Github

See Demo And Download

Official Website(miladfm): Click Here

This superior jQuery/javascript plugin is developed by miladfm. For extra Advanced Usages, please go to the official website.