From e3c02ce33d638a33a02602b9232fa422da6806ab Mon Sep 17 00:00:00 2001
From: Giansimon <giansimon.diblas@gmail.com>
Date: Sat, 27 Feb 2016 13:42:04 +0100
Subject: [PATCH] added list example

---
 CHANGELOG.md                               |  1 +
 pages/07.components/01.basic/components.md | 85 ++++++++++++++++++++++
 2 files changed, 86 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 3b18410..d934264 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,7 @@
 # v1.0.0-rc.5
 ## 02/27/2016
 1. [](#improved)
+    * Added list example
     * Updated Gravstrap plugin
 
 # v1.0.0-rc.4
diff --git a/pages/07.components/01.basic/components.md b/pages/07.components/01.basic/components.md
index 11caafa..07820a7 100644
--- a/pages/07.components/01.basic/components.md
+++ b/pages/07.components/01.basic/components.md
@@ -110,4 +110,89 @@ ___
     [gravstrap-link url="http://diblas.net" menu="Glyphicon link" icon=envelope][/gravstrap-link]
     [gravstrap-link url="http://diblas.net" menu="Fontawesome link" icon_type="fontawesome" icon=twitter][/gravstrap-link]
     [gravstrap-link url="http://diblas.net" menu="Fontawesome stacked icon link" icon_type="fontawesome" icon=twitter stacked=true][/gravstrap-link][gravstrap-link url="http://diblas.net" menu="Fontawesome stacked icon link" icon_type="fontawesome" icon=twitter icon_container="square-o" stacked=true][/gravstrap-link]
+    [/raw]
+
+___
+
+## List
+
+A list that can be styled. Here's some examples:
+
+#### Unordered list
+
+[gravstrap-list attributes="class:my-class"]
+[gravstrap-list-item attributes="class:li-class"]Item 1[/gravstrap-list-item]
+[gravstrap-list-item]Item 2[/gravstrap-list-item]
+[gravstrap-list-item]Item 3[/gravstrap-list-item]
+[/gravstrap-list]
+
+#### Code definition
+
+    [raw]
+    [gravstrap-list attributes="class:my-class"]
+    [gravstrap-list-item attributes="class:li-class"]Item 1[/gravstrap-list-item]
+    [gravstrap-list-item]Item 2[/gravstrap-list-item]
+    [gravstrap-list-item]Item 3[/gravstrap-list-item]
+    [/gravstrap-list]
+    [/raw]
+
+
+#### Ordered list
+
+[gravstrap-list attributes="class:my-class"  tag="ol"]
+[gravstrap-list-item attributes="class:li-class"]Item 1[/gravstrap-list-item]
+[gravstrap-list-item]Item 2[/gravstrap-list-item]
+[gravstrap-list-item]Item 3[/gravstrap-list-item]
+[/gravstrap-list]
+
+#### Code definition
+
+    [raw]
+    [gravstrap-list attributes="class:my-class"  tag="ol"]
+    [gravstrap-list-item attributes="class:li-class"]Item 1[/gravstrap-list-item]
+    [gravstrap-list-item]Item 2[/gravstrap-list-item]
+    [gravstrap-list-item]Item 3[/gravstrap-list-item]
+    [/gravstrap-list]
+    [/raw]
+
+#### List of gravstrap links
+
+[gravstrap-list attributes="class:my-class"]
+    [gravstrap-list-item]
+        [gravstrap-link url="https://twitter.com/giansi72" icon="twitter" icon_type="fontawesome" attributes="class:puto"][/gravstrap-link]
+    [/gravstrap-list-item]
+    [gravstrap-list-item attributes="class:li-class"]
+        [gravstrap-link url="https://www.facebook.com/diblas.net" icon="facebook" icon_type="fontawesome"][/gravstrap-link]
+    [/gravstrap-list-item]
+    [gravstrap-list-item]
+        [gravstrap-link url="https://github.com/giansi" icon="github" icon_type="fontawesome"][/gravstrap-link]
+    [/gravstrap-list-item]
+    [gravstrap-list-item]
+        [gravstrap-link url="http://www.stumbleupon.com/stumbler/Giansimon" icon="stumbleupon" icon_type="fontawesome"][/gravstrap-link]
+    [/gravstrap-list-item]
+    [gravstrap-list-item]
+        [gravstrap-link url="http://feeds.feedburner.com/diblas" icon="rss" icon_type="fontawesome"][/gravstrap-link]
+    [/gravstrap-list-item]
+[/gravstrap-list]
+
+#### Code definition
+
+    [raw]
+    [gravstrap-list attributes="class:my-class"]
+        [gravstrap-list-item]
+            [gravstrap-link url="https://twitter.com/giansi72" icon="twitter" icon_type="fontawesome" attributes="class:puto"][/gravstrap-link]
+        [/gravstrap-list-item]
+        [gravstrap-list-item attributes="class:li-class"]
+            [gravstrap-link url="https://www.facebook.com/diblas.net" icon="facebook" icon_type="fontawesome"][/gravstrap-link]
+        [/gravstrap-list-item]
+        [gravstrap-list-item]
+            [gravstrap-link url="https://github.com/giansi" icon="github" icon_type="fontawesome"][/gravstrap-link]
+        [/gravstrap-list-item]
+        [gravstrap-list-item]
+            [gravstrap-link url="http://www.stumbleupon.com/stumbler/Giansimon" icon="stumbleupon" icon_type="fontawesome"][/gravstrap-link]
+        [/gravstrap-list-item]
+        [gravstrap-list-item]
+            [gravstrap-link url="http://feeds.feedburner.com/diblas" icon="rss" icon_type="fontawesome"][/gravstrap-link]
+        [/gravstrap-list-item]
+    [/gravstrap-list]
     [/raw]
\ No newline at end of file