NgxPrettyCheckbox
Quickly integrate pretty checkbox Components (checkbox, switch, radio button) with Angular
Demo and documentation

Dependencies
Latest version available for each version of Angular
ngx-pretty-checkbox | angular |
---|---|
1.0.4 | 6.x 7.x |
1.1.0 | >8.x |
1.2.0 | >10.x (ivy) |
Installation
- Step 1
Install the pretty-checkbox from npm or yarn package manager
> npm install pretty-checkbox // or> yarn add pretty-checkbox
Alternatively, you can also use CDN link
https://cdn.jsdelivr.net/npm/pretty-checkbox@3.0/dist/pretty-checkbox.min.css
- Step 2
Download pretty-checkbox angular module from npm
package manager
> npm install ngx-pretty-checkbox
- Step 3
Add dist/pretty-checkbox.min.css file from node_module of pretty-checkbox in your html or import src/pretty-checkbox.scss file in your scss file
@import '~pretty-checkbox/src/pretty-checkbox.scss';
- Step 4
Add ngx-pretty-checkbox in your AppModule
import
- Step 5
Use it in your angular application
<p-checkbox> Default</p-checkbox>
More demos and document
There are more features like Radio buttons , Toggle , States , Animations , Border less , Lock , Scale, SCSS Settings.
Please refer the documentation to know about them.
Browser support
Works in all modern browsers.
Chrome >= 26
Firefox >= 16
Safari >= 6.1
Opera >= 15
IE >= 9
License
This project is licensed under the MIT License. Copyright (c) milad faghihi.