docs: Add module import statements to docs page

Signed-off-by: Akshat Patel <akshat@live.ca>

Author: Akshat55

src/accordion/accordion.component.ts

@@ -8,6 +8,12 @@ import {
 import { AccordionItem } from "./accordion-item.component";
 
 /**
+ * Get started with importing the module:
+ *
+ * ```typescript
+ * import { AccordionModule } from 'carbon-components-angular';
+ * ```
+ *
  * [See demo](../../?path=/story/components-accordion--basic)
  */
 @Component({

src/accordion/accordion.stories.ts

@@ -1,6 +1,6 @@
 /* tslint:disable variable-name */
 
-import { moduleMetadata, Meta, Story  } from "@storybook/angular";
+import { moduleMetadata, Meta  } from "@storybook/angular";
 import { DocumentationModule } from "../documentation-component/documentation.module";
 import { AccordionModule, Accordion } from "./";
 
@@ -10,10 +10,11 @@ export default {
 		moduleMetadata({
 			imports: [AccordionModule, DocumentationModule]
 		})
-	]
+	],
+	component: Accordion
 } as Meta;
 
-const Template: Story<Accordion> = (args) => ({
+const Template = (args) => ({
 	props: args,
 	template: `
 		<cds-accordion [align]="align" [size]="size">
@@ -51,7 +52,7 @@ Basic.argTypes = {
 	selected: { action: "Selected" }
 };
 
-const WithTitleTemplate: Story<Accordion> = (args) => ({
+const WithTitleTemplate = (args) => ({
 	props: args,
 	template: `
 		<div style="width: 500px">
@@ -85,7 +86,7 @@ WithTitle.parameters = {
 	}
 };
 
-const WithSkeleton: Story<Accordion> = (args) => ({
+const WithSkeleton = (args) => ({
 	props: args,
 	template: `
 		<div style="width: 500px">

src/breadcrumb/breadcrumb.component.ts

@@ -18,7 +18,13 @@ import { I18n } from "carbon-components-angular/i18n";
 const MINIMUM_OVERFLOW_THRESHOLD = 4;
 
 /**
- *  [See demo](../../?path=/story/components-breadcrumb--basic)
+ * Get started with importing the module:
+ *
+ * ```typescript
+ * import { BreadcrumbModule } from 'carbon-components-angular';
+ * ```
+ *
+ * [See demo](../../?path=/story/components-breadcrumb--basic)
  */
 @Component({
 	selector: "cds-breadcrumb, ibm-breadcrumb",

src/button/button-set.component.ts

@@ -1,5 +1,14 @@
 import { Component, HostBinding } from "@angular/core";
 
+/**
+ * Get started with importing the module:
+ *
+ * ```typescript
+ * import { ButtonModule } from 'carbon-components-angular';
+ * ```
+ *
+ * [See demo](../../?path=/story/components-button-button-set--basic)
+ */
 @Component({
 	selector: "cds-button-set, ibm-button-set",
 	template: "<ng-content></ng-content>"

src/button/button.directive.ts

@@ -6,9 +6,11 @@ import {
 import { ButtonSize, ButtonType } from "./button.types";
 
 /**
- * A convenience directive for applying styling to a button.
+ * A convenience directive for applying styling to a button. Get started with importing the module:
  *
- * [See demo](../../?path=/story/components-button--basic)
+ * ```typescript
+ * import { ButtonModule } from 'carbon-components-angular';
+ * ```
  *
  * Example:
  *
@@ -18,6 +20,8 @@ import { ButtonSize, ButtonType } from "./button.types";
  * ```
  *
  * See the [vanilla carbon docs](http://www.carbondesignsystem.com/components/button/code) for more detail.
+ *
+ * [See demo](../../?path=/story/components-button--basic)
  */
 @Directive({
 	selector: "[cdsButton], [ibmButton]"

src/button/icon-button.component.ts

@@ -12,6 +12,15 @@ import {
 import { BaseIconButton } from "./base-icon-button.component";
 import { ButtonSize, ButtonType } from "./button.types";
 
+/**
+ * Get started with importing the module:
+ *
+ * ```typescript
+ * import { ButtonModule } from 'carbon-components-angular';
+ * ```
+ *
+ * [See demo](../../?path=/story/components-button-icon-button--basic)
+ */
 @Component({
 	selector: "cds-icon-button, ibm-icon-button",
 	template: `

src/checkbox/checkbox.component.ts

@@ -24,6 +24,12 @@ export enum CheckboxState {
 }
 
 /**
+ * Get started with importing the module:
+ *
+ * ```typescript
+ * import { CheckboxModule } from 'carbon-components-angular';
+ * ```
+ *
  * [See demo](../../?path=/story/components-checkbox--basic)
  */
 @Component({

src/code-snippet/code-snippet.component.ts

@@ -18,11 +18,17 @@ export enum SnippetType {
 }
 
 /**
- * [See demo](../../?path=/story/components-code-snippet--basic)
+ * Get started with importing the module:
+ *
+ * ```typescript
+ * import { CodeSnippetModule } from 'carbon-components-angular';
+ * ```
  *
  * ```html
  * <cds-code-snippet>Code</cds-code-snippet>
  * ```
+ *
+ * [See demo](../../?path=/story/components-code-snippet--basic)
  */
 @Component({
 	selector: "cds-code-snippet, ibm-code-snippet",

src/combobox/combobox.component.ts

@@ -26,6 +26,12 @@ import { I18n, Overridable } from "carbon-components-angular/i18n";
 import { Observable } from "rxjs";
 
 /**
+ * Get started with importing the module:
+ *
+ * ```typescript
+ * import { ComboBoxModule } from 'carbon-components-angular';
+ * ```
+ *
  * ComboBoxes are similar to dropdowns, except a combobox provides an input field for users to search items and (optionally) add their own.
  * Multi-select comboboxes also provide "pills" of selected items.
  *

src/contained-list/contained-list.component.ts

@@ -7,6 +7,15 @@ import {
 } from "@angular/core";
 import { ContainedListKind, ContainedListSize } from "./contained-list.enums";
 
+/**
+ * Get started with importing the module:
+ *
+ * ```typescript
+ * import { ContainedListModule } from 'carbon-components-angular';
+ * ```
+ *
+ * [See demo](../../?path=/story/components-contained-list--basic)
+ */
 @Component({
 	selector: "cds-contained-list, ibm-contained-list",
 	template: `