-
Warning Text Warning Text Warning TextW arning Text Warning Text Warning TextWarning Text
-
+
+
+
+
+
+
Warning Text Warning Text Warning TextW arning Text Warning Text Warning TextWarning Text
+
+
+
+
-
-
-
-
-
Error Text
-
Error Description Error Description Error Description Error Description Error Description Error Description
+
+
+
+
+
Error Text
+
Error Description Error Description Error Description Error Description Error Description Error Description
+
+
+
-
+
`;
@@ -151,186 +170,255 @@ exports[`renders ./components/alert/demo/close-text.vue correctly 1`] = `
`;
exports[`renders ./components/alert/demo/custom-icon.vue correctly 1`] = `
-
-
-
-
showIcon = false
-
+
-
-
-
-
-
Informational Notes
-
+
+
+
+
Informational Notes
+
+
+
+
+
-
-
-
-
-
-
-
-
-
Success Tips
-
Detailed description and advices about successful copywriting.
+
+
+
+
Success Tips
+
Detailed description and advices about successful copywriting.
+
+
+
+
-
-
-
-
-
Informational Notes
-
Additional description and informations about copywriting.
+
+
+
+
Informational Notes
+
Additional description and informations about copywriting.
+
+
+
+
-
-
-
-
-
Warning
-
This is a warning notice about copywriting.
+
+
+
+
Warning
+
This is a warning notice about copywriting.
+
+
+
+
-
-
-
-
-
Error
-
This is an error message about copywriting.
+
+
+
+
Error
+
This is an error message about copywriting.
+
+
+
+
-
`;
exports[`renders ./components/alert/demo/description.vue correctly 1`] = `
-
-
-
-
Success Text
-
-
Success Description Success Description Success Description
+
+
+
+
+
+
Success Text
+
+
Success Description Success Description Success Description
+
+
+
+
-
-
-
-
-
-
Info Text
-
Info Description Info Description Info Description Info Description
+
+
+
+
+
Info Text
+
Info Description Info Description Info Description Info Description
+
+
+
+
-
-
-
-
-
-
Warning Text
-
Warning Description Warning Description Warning Description Warning Description
+
+
+
+
+
Warning Text
+
Warning Description Warning Description Warning Description Warning Description
+
+
+
+
-
-
-
-
-
-
Error Text
-
Error Description Error Description Error Description Error Description
+
+
+
+
+
Error Text
+
Error Description Error Description Error Description Error Description
+
+
+
+
-
`;
exports[`renders ./components/alert/demo/icon.vue correctly 1`] = `
-
-
-
Success Tips
-
+
-
-
-
Informational Notes
-
+
+
+
+
Informational Notes
+
+
+
+
+
-
-
-
-
-
-
-
-
-
Success Tips
-
Detailed description and advices about successful copywriting.
+
+
+
+
Success Tips
+
Detailed description and advices about successful copywriting.
+
+
+
+
-
-
-
-
-
Informational Notes
-
Additional description and informations about copywriting.
+
+
+
+
Informational Notes
+
Additional description and informations about copywriting.
+
+
+
+
-
-
-
-
-
Warning
-
This is a warning notice about copywriting.
+
+
+
+
Warning
+
This is a warning notice about copywriting.
+
+
+
+
-
-
-
-
-
Error
-
This is an error message about copywriting.
+
+
+
+
Error
+
This is an error message about copywriting.
+
+
+
+
-
`;
@@ -346,40 +434,54 @@ exports[`renders ./components/alert/demo/smooth-closed.vue correctly 1`] = `
`;
exports[`renders ./components/alert/demo/style.vue correctly 1`] = `
-
-
-
-
Success Text
-
+
-
-
-
-
-
-
-
-
-
`;
diff --git a/components/alert/demo/banner.vue b/components/alert/demo/banner.vue
index 71240270d0..cab0cff281 100644
--- a/components/alert/demo/banner.vue
+++ b/components/alert/demo/banner.vue
@@ -17,15 +17,14 @@ Display Alert as a banner at top of page.
-
-
-
-
-
-
-
+
+
+
+
+
+
diff --git a/components/alert/demo/closable.vue b/components/alert/demo/closable.vue
index e5423e6432..c75931f14d 100644
--- a/components/alert/demo/closable.vue
+++ b/components/alert/demo/closable.vue
@@ -17,19 +17,21 @@ To show close button.
-
-
+
+
+
+