Have ideas to improve npm?Join in the discussion! »

ngx-pretty-checkboxTypeScript icon, indicating that this package has built-in type declarations

1.2.1 • Public • Published


Pretty checkbox angular

NgxPrettyCheckbox

Quickly integrate pretty checkbox Components (checkbox, switch, radio button) with Angular

Github Release Licence


Pretty checkbox preview





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 { NgxPrettyCheckboxModule } from 'ngx-pretty-checkbox';
 
@NgModule({
  declarations: [ ... ],
  imports: [
    ...,
    NgxPrettyCheckboxModule
  ],
  providers: [ ... ],
  bootstrap: [ ... ]
})
export class AppModule { 
  ...
}

  • 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.

Install

npm i ngx-pretty-checkbox

DownloadsWeekly Downloads

450

Version

1.2.1

License

MIT

Unpacked Size

632 kB

Total Files

49

Last publish

Collaborators

  • avatar