Merge branch 'master' into 208-review-tag

Infineon · Jul 17, 2023 · 1434e16 · 1434e16
2 parents 6e2b3ae + 945281d
commit 1434e16
Show file tree

Hide file tree

Showing 92 changed files with 1,406 additions and 542 deletions.
diff --git a/examples/stencil-components/angular/src/app/app.component.html b/examples/stencil-components/angular/src/app/app.component.html
@@ -64,10 +64,34 @@ <h2>Radio Button</h2>
   <ifx-button variant="outline" (click)="toggleRadioBtnDisabled()">Toggle Disabled</ifx-button>
   <ifx-button variant="outline" (click)="toggleRadioBtnError()">Toggle Error</ifx-button>
   <ifx-button variant="outline" (click)="toggleRadioBtnValue()">Toggle Value</ifx-button>
-
   <span>Disabled: {{ radioDisabled }} </span>
   <span>Error: {{ radioError }} </span>
   <span>Value: {{ radioChecked }}</span>
   <span>Radio button value: {{ radioButtonValue }}</span>
+  <br />
 
+  <h2>Spinner</h2>
+  <ifx-spinner variant="semiconductor" size="m"></ifx-spinner>
+  <br />
+
+  <h2>Link</h2>
+  <ifx-link color="primary" href="" target="_blank" underline="false">
+    Link
+  </ifx-link>
+  <br />
+
+  <h2>Number indicator</h2>
+  <ifx-number-indicator inverted='false'> {{ numberIndicator }}</ifx-number-indicator>
+  <button (click)="increaseNumber()">+</button>
+  <button (click)="decreaseNumber()">-</button>
+  <br />
+
+  <h2>Sidebar</h2>
+  <ifx-sidebar application-name="Application Name">
+    <ifx-sidebar-item href="http://google.com" target="_blank" icon="image-16">Item One</ifx-sidebar-item>
+    <ifx-sidebar-item href="http://google.com" target="_blank" icon="image-16">Item Two</ifx-sidebar-item>
+    <ifx-sidebar-item href="http://google.com" target="_blank" icon="image-16">Item Three</ifx-sidebar-item>
+    <ifx-sidebar-item href="http://google.com" target="_blank" icon="image-16">Item Four</ifx-sidebar-item>
+  </ifx-sidebar>
+  <br />
 </div>
diff --git a/examples/stencil-components/angular/src/app/app.component.ts b/examples/stencil-components/angular/src/app/app.component.ts
@@ -15,6 +15,7 @@ export class AppComponent {
   radioChecked = false;
   textFieldValue = '';
   radioButtonValue = false;
+  numberIndicator = 1;
 
   updateProgressOnClick() {
     this.progressValue < 100 ? this.progressValue += 10 : this.progressValue = 10;
@@ -62,4 +63,13 @@ export class AppComponent {
 
   }
 
+  increaseNumber() {
+    this.numberIndicator = this.numberIndicator + 1;
+
+  }
+
+  decreaseNumber() {
+    this.numberIndicator = this.numberIndicator - 1;
+  }
+
 }