Dev env setup

jaganbishoyi · Jul 9, 2022 · 45ccee8 · 45ccee8
1 parent 4fc57a9
commit 45ccee8
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/projects/ng-password-validator-dev/src/app/app.component.html b/projects/ng-password-validator-dev/src/app/app.component.html
@@ -6,7 +6,8 @@
 </div>
 
 <div class="content" role="main">
-  <input type="text" id="password" name="password" placeholder="Password.." NgPasswordValidator placement="top">
+  <input type="text" id="password" name="password" placeholder="Password.." [NgPasswordValidator]="options">
+  <!-- <input type="text" id="password" name="password" placeholder="Password.." NgPasswordValidator> -->
 </div>
 
 <router-outlet></router-outlet>
diff --git a/projects/ng-password-validator-dev/src/app/app.component.ts b/projects/ng-password-validator-dev/src/app/app.component.ts
@@ -3,8 +3,20 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
-  styleUrls: ['./app.component.scss']
+  styleUrls: ['./app.component.scss'],
 })
 export class AppComponent {
   title = 'ng-password-validator-dev';
+  options = {
+    placement: 'bottom',
+    rules: {
+      password: {
+        type: 'range',
+        min: 6,
+        max: 10,
+      },
+    },
+    shadow: true,
+    offset: 15,
+  };
 }