updat(button): Update story to match vanilla demos

Author: youda97

src/button/button.stories.ts

@@ -14,19 +14,19 @@ storiesOf("Button", module)
 	.addDecorator(withKnobs)
 	.add("Basic", () => ({
 		template: `
-			<button ibmButton [size]="size">A button</button>
-			<br><br>
-			<button ibmButton="secondary" [size]="size">A secondary button</button>
-			<br><br>
-			<button ibmButton="tertiary" [size]="size">A tertiary button</button>
-			<br><br>
-			<button ibmButton="ghost" [size]="size">A ghost button</button>
-			<br><br>
-			<button ibmButton="danger" [size]="size">A danger button</button>
-			<br><br>
-			<button ibmButton="danger--primary" [size]="size">A primary danger button</button>
+			<button [ibmButton]="ibmButton" [size]="size">Button</button>
+			&nbsp;
+			<button [ibmButton]="ibmButton" [size]="size" disabled="true">Button</button>
+			&nbsp;
+			<button [ibmButton]="ibmButton" [size]="size">
+				With icon
+				<svg class="bx--btn__icon" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+					<path d="M7 7H4v2h3v3h2V9h3V7H9V4H7v3zm1 9A8 8 0 1 1 8 0a8 8 0 0 1 0 16z" fill-rule="evenodd" />
+				</svg>
+			</button>
 		`,
 		props: {
+			ibmButton: select("Button kind", ["primary", "secondary", "tertiary", "ghost", "danger", "danger--primary"], "primary"),
 			size: select("Size of the buttons", ["normal", "sm"], "normal")
 		}
 	}))