diff --git a/packages/cli/templates/webcomponents/igc-ts/chip/default/files/src/app/__path__/__filePrefix__.ts b/packages/cli/templates/webcomponents/igc-ts/chip/default/files/src/app/__path__/__filePrefix__.ts
index fb1689518..7395c7eeb 100644
--- a/packages/cli/templates/webcomponents/igc-ts/chip/default/files/src/app/__path__/__filePrefix__.ts
+++ b/packages/cli/templates/webcomponents/igc-ts/chip/default/files/src/app/__path__/__filePrefix__.ts
@@ -3,19 +3,19 @@ import { customElement } from 'lit/decorators.js';
import {
defineComponents,
IgcChipComponent,
- registerIconFromText
+ registerIconFromText,
} from 'igniteui-webcomponents';
defineComponents(IgcChipComponent);
registerIconFromText(
'select',
- ''
+ '',
);
registerIconFromText(
'cancel',
- ''
+ '',
);
@customElement('app-$(path)')
diff --git a/packages/cli/templates/webcomponents/igc-ts/circular-progress/default/files/src/app/__path__/__filePrefix__.ts b/packages/cli/templates/webcomponents/igc-ts/circular-progress/default/files/src/app/__path__/__filePrefix__.ts
index b6e152a5b..08926ae06 100644
--- a/packages/cli/templates/webcomponents/igc-ts/circular-progress/default/files/src/app/__path__/__filePrefix__.ts
+++ b/packages/cli/templates/webcomponents/igc-ts/circular-progress/default/files/src/app/__path__/__filePrefix__.ts
@@ -2,7 +2,7 @@ import { html, LitElement } from 'lit';
import { customElement } from 'lit/decorators.js';
import {
defineComponents,
- IgcCircularProgressComponent
+ IgcCircularProgressComponent,
} from 'igniteui-webcomponents';
defineComponents(IgcCircularProgressComponent);
@@ -21,13 +21,13 @@ export default class $(ClassName) extends LitElement {
+ animation-duration="500">
+
+ variant="success">
`;
diff --git a/packages/cli/templates/webcomponents/igc-ts/linear-progress/default/files/src/app/__path__/__filePrefix__.ts b/packages/cli/templates/webcomponents/igc-ts/linear-progress/default/files/src/app/__path__/__filePrefix__.ts
index 59a2d3108..66d437c0f 100644
--- a/packages/cli/templates/webcomponents/igc-ts/linear-progress/default/files/src/app/__path__/__filePrefix__.ts
+++ b/packages/cli/templates/webcomponents/igc-ts/linear-progress/default/files/src/app/__path__/__filePrefix__.ts
@@ -2,7 +2,7 @@ import { html, LitElement } from 'lit';
import { customElement } from 'lit/decorators.js';
import {
defineComponents,
- IgcLinearProgressComponent
+ IgcLinearProgressComponent,
} from 'igniteui-webcomponents';
defineComponents(IgcLinearProgressComponent);
diff --git a/packages/cli/templates/webcomponents/igc-ts/rating/default/files/src/app/__path__/__filePrefix__.ts b/packages/cli/templates/webcomponents/igc-ts/rating/default/files/src/app/__path__/__filePrefix__.ts
index ef1caa165..adefa4eb7 100644
--- a/packages/cli/templates/webcomponents/igc-ts/rating/default/files/src/app/__path__/__filePrefix__.ts
+++ b/packages/cli/templates/webcomponents/igc-ts/rating/default/files/src/app/__path__/__filePrefix__.ts
@@ -2,7 +2,7 @@ import { html, LitElement } from 'lit';
import { customElement } from 'lit/decorators.js';
import {
defineComponents,
- IgcRatingComponent
+ IgcRatingComponent,
} from 'igniteui-webcomponents';
defineComponents(IgcRatingComponent);
@@ -11,7 +11,7 @@ defineComponents(IgcRatingComponent);
export default class $(ClassName) extends LitElement {
render() {
return html`
-
+
`;
}
}