Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 
  • Dynamic Custom Checkbox Angular5

    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 1
    • 0
    • 5.20k
    Comment on it

    A checkbox is a GUI widget which allows user have to select or make a choice out of the two or more given items, such serious are handled by checkbox. But Angular5 has some different features lets see it along with the example to create Dynamic custom checkbox in Angular5.

     

     

    We use Dynamic custom checkbox because Dynamic custom checkbox is highly configrable and easy to use. Below are the features of the custom checkbox:

    •  Custom Checkbox bindings to property or object
    •  Custom theme changes
    •  Custom label text
    •  Custom Enable/Disable mode
    •  No external dependencies (easy to use!),
    •  Minimal styling (easy to customize!),
    •  Great performance.

     

    How to use:

    npm i dynamic-custom-checkbox
    <dynamic-custom-checkbox
    
    [customBgColor]="'#ddd'"
    
    [customArrowColor]="'red'"
    
    [boxType]="'circle'"
    
    [customBorderColor]="'blue'"
    
    [customSize]="'Xlarge'"
    
    [labelContent]="'siddharth'"
    
    (customClick)="customClick($event)"
    
    [checkbox]="true"
    
    [boxdisabled]="true"></dynamic-custom-checkbox>

     

    You can also visit the below link:

    https://www.npmjs.com/package/dynamic-custom-checkbox

    Dynamic Custom Checkbox Angular5

 0 Comment(s)

Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: