fix(tabs)!: change compound attribute names to kebab case

BREAKING_CHANGE: Attributes `selectonfocus` and `inlineicon` have been changed to `select-on-focus` and `inline-icon` respectively. PiperOrigin-RevId: 542412826
material-components · Jun 22, 2023 · a9d030a · a9d030a
1 parent a8e489e
commit a9d030a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/tabs/lib/tab.ts b/tabs/lib/tab.ts
@@ -70,7 +70,7 @@ export class Tab extends LitElement {
   /**
    * Whether or not the icon renders inline with label or stacked vertically.
    */
-  @property({type: Boolean}) inlineIcon = false;
+  @property({type: Boolean, attribute: 'inline-icon'}) inlineIcon = false;
 
   @query('.button') private readonly button!: HTMLElement|null;
 

diff --git a/tabs/lib/tabs.ts b/tabs/lib/tabs.ts
@@ -66,7 +66,8 @@ export class Tabs extends LitElement {
   /**
    * Whether or not to select an item when focused.
    */
-  @property({type: Boolean}) selectOnFocus = false;
+  @property({type: Boolean, attribute: 'select-on-focus'})
+  selectOnFocus = false;
 
   private previousSelected = -1;
   private orientation = 'horizontal';