improve enum doc

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

@@ -1,12 +1,6 @@
 ---
 title: "Enumerated values"
 section: docs
-prev: 
-  label: Comments
-  url: /understanding-json-schema/reference/comments
-next: 
-  label: Constant values
-  url: /understanding-json-schema/reference/const
 ---
 
 The `enum` [keyword](../../learn/glossary#keyword) is used to restrict a value to a fixed set of values.
@@ -18,16 +12,21 @@ The following is an example for validating street light colors:
 ```json
 // props { "isSchema": true }
 {
-  "enum": ["red", "amber", "green"]
+  "properties": {
+    "color": {
+      "enum": ["red", "amber", "green"]
+    }
+  }
 }
 ```
 ```json
 // props { "indent": true, "valid": true }
-"red"
+{  "color": "red" }
 ```
+
 ```json
 // props { "indent": true, "valid": false }
-"blue"
+{  "color": "blue" }
 ```
 
 You can use `enum` even without a type, to accept values of different
@@ -37,22 +36,25 @@ also add 42, just for fun.
 ```json
 // props { "isSchema": true }
 {
-  "enum": ["red", "amber", "green", null, 42]
+  "properties": {
+    "color": {
+      "enum": ["red", "amber", "green", null, 42]
+    }
+  }
 }
 ```
+
 ```json
 // props { "indent": true, "valid": true }
-"red"
-```
-```json
-// props { "indent": true, "valid": true }
-null
+{ "color": null }
 ```
+
 ```json
 // props { "indent": true, "valid": true }
-42
+{ "color": 42 }
 ```
+
 ```json
 // props { "indent": true, "valid": false }
-0
-```
+{ "color": "blue" }
+```