From 87fe7efdef7695dfb9a71ed8d3da3805767c9207 Mon Sep 17 00:00:00 2001 From: Jessica Mendes Date: Thu, 13 Jun 2024 19:42:20 +0100 Subject: [PATCH] added dear designer page for badge --- .../test/dear-designer-badge/index.html | 319 ++++++++++++++++++ 1 file changed, 319 insertions(+) create mode 100644 core/src/theme-ionic/test/dear-designer-badge/index.html diff --git a/core/src/theme-ionic/test/dear-designer-badge/index.html b/core/src/theme-ionic/test/dear-designer-badge/index.html new file mode 100644 index 0000000000..9338901a0d --- /dev/null +++ b/core/src/theme-ionic/test/dear-designer-badge/index.html @@ -0,0 +1,319 @@ + + + + + Ionic Theme + + + + + + + + + + + + + + + + + + + + +
Dear Designer
+

Badge

+ + + + + + + + + + + + + + 1 + + + + + + + + + + +

Label

+ The badge is recommended for numbers. However, text is allowed.
+ The recommended limit for the label is 2 digits but it's possible to add more. + + + 1 + 99+ + + + + + + + + + +

Color TO DO

+ Default badges have 5 different kinds.
+ The color is affected by the Is Light property. + + + + + + + + +
Primary
+ + +
Success
+ + +
Danger
+ + +
Warning
+ + +
Neutral
+ + + + + + + + 1 + + + 1 + + + 1 + + + 1 + + + 1 + + + + + + + + + +

Is Light TO DO

+ Defaults badges can be light or not. By default, False. + + + + + + + +
True
+ + +
False
+ + + + + + + + 1 + + + 1 + + + + + + + + +

Size

+ Default badges come in 6 sizes.
+ The default Size is sm (32px). + + + + + + + + +
2xs
+ + +
xs
+ + +
sm
+ + +
md
+ + +
lg
+ + +
xl
+ + + + + + + 1 + + + 1 + + + 1 + + + 1 + + + 1 + + + 1 + + + + + + + + +

Shape

+ Default badges come in 3 shapes: Rounded, Soft and Rectangular.
+ The default Shape is Round. + + + + + + + + +
Round
+ + +
Soft
+ + +
Rectangular
+ + + + + + + + 1 + + + 1 + + + 1 + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file