DOCS - charts WIP

pages/_data/docs.yml

@@ -6,6 +6,7 @@
 - page: buttons
 - page: cards
 - page: carousel
+- page: charts
 - page: divider
 - page: flags
 - page: form-helpers

pages/_docs/charts.md

@@ -0,0 +1,24 @@
+---
+title: Charts
+menu: docs.charts
+---
+
+### c3.js charts 
+
+{% for chart in site.data.charts %}
+{% example html %}
+{% if chart[1].display %}
+{% assign data = chart[0] %}
+{% assign key = 'chart-' | append: data %}
+	<div class="card">
+		<div class="card-header">
+			<h3 class="card-title">{{ chart[1].name }} {{ chart[0] }}</h3>
+		</div>
+		<div class="card-body">
+			<div id="{{ key }}" style="height: 16rem"></div>
+		</div>
+	</div>
+	{% include js/charts.html id=key chart-id=data %}
+{% endif %}
+{% endexample %}
+{% endfor %}