fix(progress-indicator): changes attribute to orientation

carbon-design-system · Feb 12, 2019 · 1df8fce · 1df8fce
1 parent bf08c95
commit 1df8fce
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/progress-indicator/progress-indicator.component.ts b/src/progress-indicator/progress-indicator.component.ts
@@ -10,7 +10,7 @@ import { ExperimentalService } from "./../experimental.module";
 		class="bx--progress"
 		[ngClass]="{
 			'bx--skeleton': skeleton,
-			'bx--progress--vertical': vertical
+			'bx--progress--vertical': (orientation === 'vertical')
 		}">
 		<li
 		class="bx--progress-step bx--progress-step--{{step.state}}"
@@ -60,7 +60,7 @@ export class ProgressIndicator {
 	}
 
 	@Input() steps = [];
-	@Input() vertical = false;
+	@Input() orientation: "horizontal" | "vertical" = "horizontal";
 	@Input() skeleton = false;
 
 	get isExperimental() {

diff --git a/src/progress-indicator/progress-indicator.stories.ts b/src/progress-indicator/progress-indicator.stories.ts
@@ -86,7 +86,7 @@ storiesOf("ProgressIndicator", module)
 	.add("Vertical", () => ({
 		template: `
 		<app-experimental-component></app-experimental-component>
-		<ibm-progress-indicator [vertical]="true" [steps]="steps"></ibm-progress-indicator>
+		<ibm-progress-indicator [orientation]="'vertical'" [steps]="steps"></ibm-progress-indicator>
 		`,
 		props: {
 			steps : [