fix: pass autoAlign property to icon button (#3101)

Signed-off-by: Akshat Patel <[email protected]>
carbon-design-system · Feb 12, 2025 · bfdeb69 · bfdeb69
1 parent 2ca5954
commit bfdeb69
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/code-snippet/code-snippet.component.ts b/src/code-snippet/code-snippet.component.ts
@@ -92,6 +92,7 @@ export enum SnippetType {
 				*ngIf="!skeleton"
 				[description]="showFeedback ? feedbackText : copyButtonDescription"
 				[align]="align"
+				[autoAlign]="autoAlign"
 				[dropShadow]="dropShadow"
 				[caret]="caret"
 				[highContrast]="highContrast"

diff --git a/src/code-snippet/code-snippet.stories.ts b/src/code-snippet/code-snippet.stories.ts
@@ -64,7 +64,12 @@ Inline.args = {
 const MultiTemplate = (args) => ({
 	props: args,
 	template: `
-		<cds-code-snippet display="multi">{{snippet}}</cds-code-snippet>
+		<cds-code-snippet
+			display="multi"
+			[autoAlign]="true"
+			[copyButtonDescription]="copyButtonDescription">
+			{{snippet}}
+		</cds-code-snippet>
 	`
 });
 export const Multi = MultiTemplate.bind({});
@@ -102,7 +107,8 @@ Multi.args = {
 			"zone.js": "^0.8.26 || ^0.9.0 || ^0.10.0",
 			"@carbon/styles": "^1.2.0"
 		}
-	}`
+	}`,
+	copyButtonDescription: "Click to copy to clipboard!"
 };
 Multi.argTypes = {
 	maxCollapsedNumberOfRows: {