adds wrapper and spacer to migration guide

diff --git a/docs/pages/migration.md b/docs/pages/migration.md
index b34014a6fb2364c3817fbf208704794087bbe249..ef93da83929e51742f922585553900c0c0654135 100644 (file)
--- a/docs/pages/migration.md
+++ b/docs/pages/migration.md
@@ -480,6 +480,28 @@ You can wrap a callout around a `<row>` or the content inside a `<column>`.
 
 The menu component can be used to create a simple set of links comonly used in headers, for social icons or in footers. Adding the `.vertical` class will change the orientation. You can even make it vertical on the small breakpoint only with `.small-vertical`.
 
+### Spacer
+
+#### New Markup (Inky HTML)
+
+```
+<spacer size="100"></spacer>
+```
+
+The spacer component creates consistant vertical spacing between or inside of elements. The size `size="x"` attribute allows you to set the height in pixels of vertical spacing you need.
+
+### Wrapper
+
+#### New Markup (Inky HTML)
+
+```
+<wrapper>
+  content here
+</wrapper>
+```
+
+The wrapper component allows you to wrap content to target CSS within it. You can add classes to it so you can easily create a full with background.
+
 ## Dependencies
 
 The CSS version works exactly like the one we distributed with Ink 1.0. Check out our [getting started guide](css-guide.html) to learn more.

diff --git a/docs/partials/component-list.html b/docs/partials/component-list.html
index 59313a8cb9d99ce7d88c10253d54b24f911b877e..fd93f48da9f982bcbc68922cb1dc4508fe6d2f9c 100644 (file)
--- a/docs/partials/component-list.html
+++ b/docs/partials/component-list.html
@@ -26,7 +26,7 @@
   <li><a href="global.html">Global Styles</a></li>
   <li><a href="grid.html">Grid</a></li>
   <li><a href="spacer.html">Spacer</a></li>
-  
+  <li><a href="wrapper.html">Wrapper</a></li>
   <!-- <li><a href="thumbnail.html">Thumbnail</a></li> -->
   <li><a href="typography.html">Typography</a></li>
   <li><a href="visibility.html">Visibility Classes</a></li>