[WIP] docs(style-guide): create examples

Author: Foxandxss

public/docs/_examples/style-guide/ts/02-07/app/hero.component.ts

@@ -0,0 +1,8 @@
+// #docregion
+/*
+* HeroComponent is in the Tour of Heroes feature
+*/
+@Component({
+  selector: 'toh-hero'
+})
+export class HeroComponent {}

public/docs/_examples/style-guide/ts/02-07/app/kitchen-sink.ts

@@ -0,0 +1,20 @@
+// #docregion
+/**
+ * AVOID THIS PATTERN
+ */
+
+/*
+* HeroComponent is in the Tour of Heroes feature
+*/
+@Component({
+  selector: 'hero'
+})
+export class HeroComponent {}
+
+/*
+* UsersComponent is in an Admin feature
+*/
+@Component({
+  selector: 'users'
+})
+export class UsersComponent {}

public/docs/_examples/style-guide/ts/02-07/app/users.component.ts

@@ -0,0 +1,8 @@
+// #docregion
+/*
+* UsersComponent is in an Admin feature
+*/
+@Component({
+  selector: 'admin-users'
+})
+export class UsersComponent {}

public/docs/_examples/style-guide/ts/02-08/app/kitchen-sink.ts

@@ -0,0 +1,9 @@
+// #docregion
+/**
+ * AVOID THIS PATTERN
+ */
+
+@Directive({
+  selector: '[validate]'
+})
+export class ValidateDirective {}

public/docs/_examples/style-guide/ts/02-08/app/validate.directive.ts

@@ -0,0 +1,6 @@
+/* recommended */
+
+@Directive({
+  selector: '[tohValidate]'
+})
+export class ValidateDirective {}