docs(ionicDirectives): add docs for IONIC_DIRECTIVES

ionic/config/directives.ts

@@ -44,20 +44,54 @@ import {ShowWhen, HideWhen} from '../components/show-hide-when/show-hide-when';
 
 /**
  * @name IONIC_DIRECTIVES
- * @private
  * @description
- * The core Ionic directives as well as Angular's CORE_DIRECTIVES and
+ * The core Ionic directives as well as Angular's `CORE_DIRECTIVES` and `FORM_DIRECTIVES` are
- * FORM_DIRECTIVES.  Automatically available in every [@Page](../Page/) template.
+ * avaialbe automatically when you bootstrap your app with the `@App` decorator. This means
+ * if you are using custom components you no longer need to import `IONIC_DIRECTIVES` as they
+ * are part of the `@App`s default directives.
  *
- * **Angular**
+ * If you would like to **not** have them included by default, you would need to bootstrap
+ * the app differently.
+ *
+ * Instead of starting your app like so:
+ *
+ * ```typescript
+ * @App({
+ *  template: "<ion-nav></ion-nav>"
+ * })
+ *
+ * export class MyApp{
+ *
+ * }
+ * ```
+ *
+ * We would use Angulars default way of bootstrap an app, import `IONIC_DIRECTIVES` and `ionicProviders`, then
+ * declare `ionicProviders` as a dependencey.
+ *
+ * ```typescript
+ *  import {IONIC_DIRECTIVES, ionicProviders} from 'ionic-angular';
+ *  import {bootstrap} from 'angular2/platform/browser';
+ *
+ *  @Component({
+ *      //default selector, and theme.
+ *      directives: [IONIC_DIRECTIVES]
+ *  })
+ *  class App {}
+ *
+ *  bootstrap(App,ionicProviders())
+ * ```
+ *
+ *
+ *
+ * #### Angular
  * - CORE_DIRECTIVES
  * - FORM_DIRECTIVES
  *
- * **Content**
+ * #### Ionic
  * - Menu
  * - MenuToggle
  * - MenuClose
- *
+ * - Badge
  * - Button
  * - Blur
  * - Content
@@ -66,35 +100,27 @@ import {ShowWhen, HideWhen} from '../components/show-hide-when/show-hide-when';
  * - InfiniteScrollContent
  * - Refresher
  * - RefresherContent
- *
+ * - Img
- * **Lists**
  * - List
  * - ListHeader
  * - Item
  * - ItemSliding
  * - VirtualScroll
- * -  VirtualFor
+ * - VirtualItem
- *
+ * - VirtualHeader
- * **Slides**
+ * - VirtualFooter
  * - Slides
  * - Slide
  * - SlideLazy
- *
- * **Tabs**
  * - Tabs
  * - Tab
- *
- * **Toolbar**
  * - Toolbar
  * - ToolbarTitle
  * - ToolbarItem
- *
- * **Media**
  * - Icon
  * - Spinner
- *
- * **Forms**
  * - Searchbar
+ * - SearchbarInput
  * - Segment
  * - SegmentButton
  * - Checkbox
@@ -103,10 +129,9 @@ import {ShowWhen, HideWhen} from '../components/show-hide-when/show-hide-when';
  * - Select
  * - Option
  * - Toggle
+ * - TextArea
  * - TextInput
  * - Label
- *
- * **Nav**
  * - Nav
  * - NavbarTemplate
  * - Navbar
@@ -114,7 +139,6 @@ import {ShowWhen, HideWhen} from '../components/show-hide-when/show-hide-when';
  * - NavPop
  * - NavRouter
  * - IdRef
- *
  * - ShowWhen
  * - HideWhen
  */