update(checkbox): Update story

Author: youda97

src/checkbox/checkbox.stories.ts

@@ -12,19 +12,31 @@ storiesOf("Checkbox", module).addDecorator(
 	.addDecorator(withKnobs)
 	.add("Basic", () => ({
 		template: `
-		<ibm-checkbox
-			[checked]="checked"
-			[disabled]="disabled"
-			[indeterminate]="indeterminate"
-			(change)="onChange($event)"
-			(indeterminateChange)="onIndeterminateChange($event)">
-			Checkbox
-		</ibm-checkbox>
+		<fieldset class="bx--fieldset">
+			<legend class="bx--label">Checkbox</legend>
+			<!-- input + label -->
+			<ibm-checkbox
+				checked="true"
+				(change)="onChange($event)">
+				Checkbox
+			</ibm-checkbox>
+			<!-- input + label indeterminate -->
+			<ibm-checkbox
+				indeterminate="true"
+				(change)="onChange($event)"
+				(indeterminateChange)="onIndeterminateChange($event)">
+				Indeterminate checkbox
+			</ibm-checkbox>
+			<!-- input + label disabled -->
+			<ibm-checkbox
+				disabled="true"
+				(change)="onChange($event)"
+				(indeterminateChange)="onIndeterminateChange($event)">
+				Disabled checkbox
+			</ibm-checkbox>
+		</fieldset>
 	`,
 		props: {
-			checked: boolean("checked", false),
-			disabled: boolean("disabled", false),
-			indeterminate: boolean("indeterminate", false),
 			onChange: action("Change fired!"),
 			onIndeterminateChange: action("Indeterminate change fired!")
 		}