diff --git a/core/src/theme-ionic/test/dear-designer-avatar/index.html b/core/src/theme-ionic/test/dear-designer-avatar/index.html
index cd9ad95c74..2f5248056a 100644
--- a/core/src/theme-ionic/test/dear-designer-avatar/index.html
+++ b/core/src/theme-ionic/test/dear-designer-avatar/index.html
@@ -9,6 +9,9 @@
/>
+
+
+
diff --git a/core/src/theme-ionic/test/dear-designer-badge/index.html b/core/src/theme-ionic/test/dear-designer-badge/index.html
index 9338901a0d..f76757a6d4 100644
--- a/core/src/theme-ionic/test/dear-designer-badge/index.html
+++ b/core/src/theme-ionic/test/dear-designer-badge/index.html
@@ -9,6 +9,9 @@
/>
+
+
+
diff --git a/core/src/theme-ionic/test/dear-designer-tag/index.html b/core/src/theme-ionic/test/dear-designer-tag/index.html
new file mode 100644
index 0000000000..d604b2aeb7
--- /dev/null
+++ b/core/src/theme-ionic/test/dear-designer-tag/index.html
@@ -0,0 +1,252 @@
+
+
+
+
+ Ionic Theme
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Dear Designer
+ Tag
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ Image
+ The user image displayed in the avatar.
+
+
+
+
+
+
+
+
+
+
+
+ User Name
+ The name of the user. The initials will be used to define the avatar content (2 initials, except 2s that accepts only 1).
+ AB
+
+
+
+
+
+
+
+
+ Icon
+ Default avatars come in 6 sizes. The default Size is md (40px).
+ Note: All avatars show 2 characters except 2xs - only 1 char.
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Size
+ Default avatars come in 6 sizes.
+ The default Size is md (40px).
+
+
+
+
+
+
+
+
+ xs
+
+
+ sm
+
+
+ md
+
+
+ lg
+
+
+ xl
+
+
+
+
+
+
+ AB
+
+
+ AB
+
+
+ AB
+
+
+ AB
+
+
+ AB
+
+
+
+
+
+
+
+
+ Shape
+ Default avatars come in 3 shapes: Rounded, Soft and Rectangular.
+ The default Shape is Round.
+
+
+
+
+
+
+
+
+ Round
+
+
+ Soft
+
+
+ Rectangular
+
+
+
+
+
+
+
+ AB
+
+
+ AB
+
+
+ AB
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file