diff --git a/core/src/theme-ionic/test/dear-designer-button/index.html b/core/src/theme-ionic/test/dear-designer-button/index.html
index 8f608befa6..a22b76e9bb 100644
--- a/core/src/theme-ionic/test/dear-designer-button/index.html
+++ b/core/src/theme-ionic/test/dear-designer-button/index.html
@@ -97,6 +97,25 @@
+
+
+
+ Disabled
+ Buttons can be disabled.
+
+ Button
+
+
+ Button
+
+
+ Button
+
+
+
+
+
+
@@ -142,6 +161,8 @@
+
+
diff --git a/core/src/theme-ionic/test/dear-designer-checkbox/index.html b/core/src/theme-ionic/test/dear-designer-checkbox/index.html
new file mode 100644
index 0000000000..158ae964e4
--- /dev/null
+++ b/core/src/theme-ionic/test/dear-designer-checkbox/index.html
@@ -0,0 +1,205 @@
+
+
+
+
+ Ionic Theme
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Dear Designer
+ Checkbox
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Label
+
+
+
+
+
+
+
+
+
+ Label Placement
+ The checkbox label can be placed on the left or right of the label.
+
+
+
+
+
+
+
+
+ Start
+
+
+ End
+
+
+
+
+
+
+ Label End
+
+
+ Label End
+
+
+
+
+
+
+
+
+ Indeterminate
+ The checkbox label can have the Indeterminate state.
+ Indeterminate
+
+
+
+
+
+
+
+ Disabled
+ Checkboxes can be disabled.
+ Disabled
+ Disabled Checked
+
+
+
+
+
+
+
+
+ Helper message TO DO
+ Checkboxes can have an helper message.
+
+
+
+
+
+
+
+
+
+ Error message TO DO
+ Checkboxes can have an error message.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file