Add allowHtml attribute to snackbar object, which allows for HTML i…

…n the `message` attribute
ykunimoto · Jul 4, 2016 · a833c79 · a833c79
1 parent 5de029a
commit a833c79
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,6 +3,7 @@
 ### New
 * Add `autofocus` prop for UiTextbox and UiAutocomplete
 * Add `buttonType` prop to UiButton and UiIconButton
+* UiSnackbarContainer: Add `allowHtml` attribute to snackbar object, which allows for HTML in the `message` attribute
 
 ### Fixes
 * UiTextbox and UiAutocomplete: Fix `debounce` prop handling

diff --git a/src/UiSnackbarContainer.vue b/src/UiSnackbarContainer.vue
@@ -1,14 +1,17 @@
 <template>
     <div class="ui-snackbar-container" :class="[position]">
         <ui-snackbar
-            :message="s.message" :duration="s.duration" :show.sync="s.show" :action="s.action"
+            :duration="s.duration" :show.sync="s.show" :action="s.action"
             :action-color="s.actionColor" :persistent="s.persistent" :id="s.id" auto-hide
 
             @shown="shown(s)" @hidden="hidden(s)" @clicked="clicked(s)"
             @action-clicked="actionClicked(s)"
 
             v-for="s in queue"
-        ></ui-snackbar>
+        >
+            <div v-html="s.message" v-if="s.allowHtml"></div>
+            <span v-text="s.message" v-else></span>
+        </ui-snackbar>
     </div>
 </template>