refactor: Addressed PR comments

IgniteUI · Jul 6, 2022 · b40785d · b40785d
1 parent 90c49d1
commit b40785d
Show file tree

Hide file tree

Showing 3 changed files with 165 additions and 147 deletions.
diff --git a/src/components/tabs/tab-panel.ts b/src/components/tabs/tab-panel.ts
@@ -2,6 +2,8 @@ import { html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
 import { styles } from './themes/light/tab-panel.base.css.js';
 
+let next = 0;
+
 /**
  * Represents the content of a tab
  *
@@ -16,7 +18,7 @@ export default class IgcTabPanelComponent extends LitElement {
 
   /** The tab panel's id. */
   @property({ type: String })
-  public override id = '';
+  public override id = `tab-panel-${++next}`;
 
   public override connectedCallback() {
     this.setAttribute('role', 'tabpanel');