Add examples for enum validation in JSON schema reference

Author: techmannih

pages/understanding-json-schema/reference/enum.md

@@ -9,11 +9,14 @@ next:
   url: /understanding-json-schema/reference/const
 ---
 
-The `enum` [keyword](../../learn/glossary#keyword) is used to restrict a value to a fixed set of values.
-It must be an array with at least one element, where each element is
-unique.
+The `enum` keyword in JSON Schema allows you to restrict a value to a set of predefined options.
+It requires an array with at least one unique element, and any value validated against this schema must exactly match one of the specified values.
 
-The following is an example for validating street light colors:
+Below are several examples demonstrating its usage.
+
+### Basic Example: Street Light Colors
+
+This example demonstrates how to validate that the `color` property of a street light is either "red", "amber", or "green".
 
 ```json
 // props { "isSchema": true }
@@ -35,9 +38,10 @@ The following is an example for validating street light colors:
 {  "color": "blue" }
 ```
 
-You can use `enum` even without a type, to accept values of different
-types. Let\'s extend the example to use `null` to indicate \"off\", and
-also add 42, just for fun.
+### Extended Example: Accepting Multiple Data Types
+
+Enums can be used without explicitly setting a data type, allowing different types of values.
+In the following example, the schema is extended to include `null` (to represent an "off" state) and the number 42.
 
 ```json
 // props { "isSchema": true }
@@ -62,5 +66,39 @@ also add 42, just for fun.
 
 ```json
 // props { "indent": true, "valid": false }
-0
-```
+{ "color": 0 }
+```
+
+
+### Additional Example: Mixed Types for Shape
+
+```json
+// props { "isSchema": true }
+{
+  "properties": {
+    "shape": {
+      "enum": ["circle", "square", 1, null]
+    }
+  }
+}
+```
+
+```json
+// props { "indent": true, "valid": true }
+{ "shape": "circle" }
+```
+
+```json
+// props { "indent": true, "valid": true }
+{ "shape": 1 }
+```
+
+```json
+// props { "indent": true, "valid": true }
+{ "shape": null }
+```
+
+```json
+// props { "indent": true, "valid": false }
+{ "shape": "triangle" }
+```