From cfb5e73f03bbfc59b799c46e98ec1b247086c94f Mon Sep 17 00:00:00 2001 From: Jessica Mendes Date: Fri, 21 Jun 2024 10:06:34 +0100 Subject: [PATCH] added dear developer page for checkbox --- .../test/dear-designer-button/index.html | 21 ++ .../test/dear-designer-checkbox/index.html | 205 ++++++++++++++++++ 2 files changed, 226 insertions(+) create mode 100644 core/src/theme-ionic/test/dear-designer-checkbox/index.html 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