From f7a2634748650e36915249c9012bc5f0c5da99c9 Mon Sep 17 00:00:00 2001
From: woothu <woothu@gmail.com>
Date: Mon, 15 Oct 2018 14:09:30 +0200
Subject: [PATCH] docs: widget documentation update

---
 src/views/widgets/Widget04.md |  8 +++-----
 src/views/widgets/Widget06.md |  2 +-
 src/views/widgets/Widget07.md | 19 +++++++++++++++++++
 src/views/widgets/Widget08.md | 19 +++++++++++++++++++
 4 files changed, 42 insertions(+), 6 deletions(-)
 create mode 100644 src/views/widgets/Widget07.md
 create mode 100644 src/views/widgets/Widget08.md

diff --git a/src/views/widgets/Widget04.md b/src/views/widgets/Widget04.md
index 618fb2a8..eb592c40 100644
--- a/src/views/widgets/Widget04.md
+++ b/src/views/widgets/Widget04.md
@@ -1,5 +1,5 @@
 ### Widget04
-This widget style depends on type property which defines which social widget background color and icon will be used (i.e facebook, twitter, linkedin, google-plus). Inside component there is slot for placing data chart.
+This widget style depends on type property which defines which social widget background color and icon will be used (i.e facebook, twitter, linkedin, google-plus). Inside component there is default slot for placing data chart.
 
 prop | default
 --- | ---
@@ -11,7 +11,5 @@ leftFooter   | `'leftFooter:string'`
 
 
 #### Example:
->     <widget04 type="linkedin" rightHeader="500+" rightFooter="contracts" leftHeader="292" leftFooter="feeds">
->       <line-chart1 chartId="linkedIn" :data='[15, 22, 34, 46, 58, 70, 68, 58, 52, 60, 64, 71]'
->                    label='Contracts' style='height:100px'  backgroundColor='rgba(255,255,255,.1)'/>
->     </widget04>
+>             <widget04 type="linkedin" rightHeader="500+" rightFooter="contracts"
+>                       leftHeader="292" leftFooter="feeds"/>
diff --git a/src/views/widgets/Widget06.md b/src/views/widgets/Widget06.md
index 0f78492b..1f6415d4 100644
--- a/src/views/widgets/Widget06.md
+++ b/src/views/widgets/Widget06.md
@@ -1,6 +1,6 @@
 ### Widget06
 
-This widget can style is defined by cardClasses.
+This widget can style is defined by cardClasses. Inside component there is additional slot for chart (name="chart").
 
 prop | default
 --- | ---
diff --git a/src/views/widgets/Widget07.md b/src/views/widgets/Widget07.md
new file mode 100644
index 00000000..836b7d17
--- /dev/null
+++ b/src/views/widgets/Widget07.md
@@ -0,0 +1,19 @@
+### Widget07
+
+This widget can style is defined by cardClasses. Inside component there is default slot for additional data (i.e. chart).
+
+prop | default
+--- | ---
+cardClasses | `'bg-primary'`
+rightHeader | `'rightHeader:string'`
+rightFooter | `'rightFooter:string'`
+leftHeader  | `'leftHeader:string'`
+leftFooter  | `'leftFooter:string'`
+
+>       <widget07 rightHeader='SALE' rightFooter='Today 6:43 AM'
+                leftHeader='$1.890,65' leftFooter='+432,50 (15,78%)'>
+        <line-chart1 style="height:40px" chartId="widget07_line1" label='Sales'
+                    :data='[10, 22, 34, 46, 58, 70, 46, 23, 45, 78, 34, 12]' />
+        <bar-chart1 style="height:40px" chartId="widget07_bar1" label='Sales'
+                    :data='[10, 22, 34, 46, 58, 70, 46, 23, 45, 78, 34, 12]'/>
+      </widget07>
diff --git a/src/views/widgets/Widget08.md b/src/views/widgets/Widget08.md
new file mode 100644
index 00000000..85c222c3
--- /dev/null
+++ b/src/views/widgets/Widget08.md
@@ -0,0 +1,19 @@
+### Widget08
+
+This widget can style is defined by cardClasses. Inside component there is default slot for additional data (i.e. chart).
+
+prop | default
+--- | ---
+cardClasses | `'bg-primary'`
+rightHeader | `'rightHeader:string'`
+rightFooter | `'rightFooter:string'`
+leftHeader  | `'leftHeader:string'`
+leftFooter  | `'leftFooter:string'`
+
+>       <widget07 rightHeader='SALE' rightFooter='Today 6:43 AM'
+                leftHeader='$1.890,65' leftFooter='+432,50 (15,78%)'>
+        <line-chart1 style="height:40px" chartId="widget07_line1" label='Sales'
+                    :data='[10, 22, 34, 46, 58, 70, 46, 23, 45, 78, 34, 12]' />
+        <bar-chart1 style="height:40px" chartId="widget07_bar1" label='Sales'
+                    :data='[10, 22, 34, 46, 58, 70, 46, 23, 45, 78, 34, 12]'/>
+      </widget07>