From e175ccd81079b71bd05fde3719ab73968096b17c Mon Sep 17 00:00:00 2001
From: Grzegorz Leoniec <greg@app-interactive.de>
Date: Tue, 23 Oct 2018 12:42:34 +0200
Subject: [PATCH] improved number component

---
 .../src/system/components/data-display/Number/Number.vue  | 5 +++--
 .../src/system/components/data-display/Number/demo.md     | 8 ++++----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/styleguide/src/system/components/data-display/Number/Number.vue b/styleguide/src/system/components/data-display/Number/Number.vue
index 68bdee9d5..63f81bdc8 100644
--- a/styleguide/src/system/components/data-display/Number/Number.vue
+++ b/styleguide/src/system/components/data-display/Number/Number.vue
@@ -15,8 +15,9 @@
       :uppercase="uppercase"
       :size="labelSize"
       class="ds-number-label"
-      color="soft"
-      v-html="label" />
+      color="soft">
+      {{ label }}
+    </ds-text>
   </div>
 </template>
 
diff --git a/styleguide/src/system/components/data-display/Number/demo.md b/styleguide/src/system/components/data-display/Number/demo.md
index 61ffbca36..71a95c73f 100644
--- a/styleguide/src/system/components/data-display/Number/demo.md
+++ b/styleguide/src/system/components/data-display/Number/demo.md
@@ -26,8 +26,8 @@
 
 ```html
 <ds-number 
-    size="large"
-    label="collected donations from users">
-    <span slot="count">1.123.124,03 EUR</span>
-  <ds-number>
+  size="large"
+  label="collected donations from users">
+  <span slot="count">1.123.124,03 EUR</span>
+<ds-number>
 ```