feat(blocksAntd): switch examples

packages/blocksAntd/demo/examples/Switch.yaml

@@ -4,7 +4,70 @@
   type: Switch
   properties:
     title: A Switch
-- id: properties.uncheckedIcon
+- id: "properties.autoFocus: true"
   type: Switch
   properties:
-    uncheckedIcon: DeleteOutlined
+    autoFocus: true
+- id: "properties.color: #"
+  type: Switch
+  properties:
+    color: "#f44336"
+- id: "properties.inputStyle: CSS style applied"
+  type: Switch
+  properties:
+    inputStyle:
+      border: 2px solid red
+- id: "properties.disabled: true"
+  type: Switch
+  properties:
+    disabled: true
+- id: "properties.size: small"
+  type: Switch
+  properties:
+    size: small
+- id: "properties.checkedText: Checked"
+  type: Switch
+  properties:
+    checkedText: Checked
+- id: "properties.uncheckedText: Unchecked"
+  type: Switch
+  properties:
+    uncheckedText: Unchecked
+- id: "properties.checkedIcon: CheckCircleOutlined"
+  type: Switch
+  properties:
+    checkedIcon: CheckCircleOutlined
+- id: "properties.uncheckedIcon: UnlockFilled"
+  type: Switch
+  properties:
+    uncheckedIcon: UnlockFilled
+- id: "properties.label span: 4"
+  type: Switch
+  properties:
+    label:
+      span: 4
+- id: "properties.label align: right"
+  type: Switch
+  properties:
+    label:
+      align: right
+- id: "properties.label inline: true"
+  type: Switch
+  properties:
+    label:
+      inline: true
+- id: "properties.label disabled: true"
+  type: Switch
+  properties:
+    label:
+      disabled: true
+- id: "properties.label colon: false"
+  type: Switch
+  properties:
+    label:
+      colon: false
+- id: "properties.label extra: showing extra"
+  type: Switch
+  properties:
+    label:
+      extra: showing extra

packages/blocksAntd/src/blocks/Switch/Switch.json

@@ -17,6 +17,10 @@
           "default": "CheckOutlined",
           "description": "Name of an Ant Design Icon or properties of an Icon block to customize icon to shown when switch is checked (true)."
         },
+        "checkedText": {
+          "type": "string",
+          "description": "Text to shown when switch is checked (true)."
+        },
         "color": {
           "type": "string",
           "description": "Switch checked color."
@@ -26,19 +30,14 @@
           "default": false,
           "description": "Disable the block if true."
         },
-        "disableIcons": {
-          "type": "boolean",
-          "default": false,
-          "description": "Disables icons for checked and unchecked state."
-        },
         "inputStyle": {
           "type": "object",
           "description": "Css style to applied to input."
         },
         "label": {
           "type": "object",
-          "additionalProperties": false,
           "description": "Label properties.",
+          "additionalProperties": false,
           "properties": {
             "align": {
               "type": "string",
@@ -59,11 +58,24 @@
               "type": "string",
               "description": "Label title."
             },
+            "span": {
+              "type": "number",
+              "description": "Label inline span."
+            },
+            "disabled": {
+              "type": "boolean",
+              "description": "Hide input label."
+            },
             "hasFeedback": {
               "type": "boolean",
               "defaultValue": true,
               "description": "Display feedback extra from validation, this does not disable validation."
             },
+            "inline": {
+              "type": "boolean",
+              "defaultValue": false,
+              "description": "Render input and label inline."
+            },
             "extraStyle": {
               "type": "object",
               "description": "Css style to applied to label extra."
@@ -87,6 +99,10 @@
           "type": ["string", "object"],
           "default": "CloseOutlined",
           "description": "Name of an Ant Design Icon or properties of an Icon block to customize icon to shown when switch is unchecked (false)."
+        },
+        "uncheckedText": {
+          "type": "string",
+          "description": "Text to shown when switch is not checked (false)."
         }
       }
     },