Merge pull request #2251 from Akshat55/button-id

fix: prevent host & button from having same id

Author: zvonimirfras

src/button/icon-button.component.ts

@@ -29,7 +29,7 @@ import { ButtonSize, ButtonType } from "./button.types";
 		(click)="emitClickEvent($event, 'tooltip')">
 		<button
 			#button
-			[id]="id"
+			[id]="buttonId"
 			[disabled]="disabled"
 			[attr.type]="type"
 			[iconOnly]="true"
@@ -88,7 +88,7 @@ export class IconButton extends BaseIconButton implements AfterViewInit {
 	/**
 	 * Override id
 	 */
-	@Input() id = `icon-btn-${IconButton.iconButtonCounter++}`;
+	@Input() buttonId = `icon-btn-${IconButton.iconButtonCounter++}`;
 	/**
 	 * Sets the button type.
 	 */

src/button/icon-button.stories.ts

@@ -64,7 +64,7 @@ const Template: Story<IconButton> = (args) => ({
 	props: args,
 	template: `
 		<ibm-icon-button
-			id="icon-btn1"
+			buttonId="icon-btn1"
 			type="button"
 			[kind]="kind"
 			[size]="size"