rapi-doc
diff --git a/‎dist/rapidoc-min.js‎
Lines changed: 2 additions & 2 deletions b/‎dist/rapidoc-min.js‎
Lines changed: 2 additions & 2 deletions
diff --git a/‎dist/rapidoc-min.js.gz‎
222 Bytes b/‎dist/rapidoc-min.js.gz‎
222 Bytes
diff --git a/‎dist/rapidoc-min.js.map‎
Lines changed: 1 addition & 1 deletion b/‎dist/rapidoc-min.js.map‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎dist/report.html‎
Lines changed: 2 additions & 2 deletions b/‎dist/report.html‎
Lines changed: 2 additions & 2 deletions
diff --git a/‎docs/examples/multi-datatypes-test.html‎
Lines changed: 14 additions & 3 deletions b/‎docs/examples/multi-datatypes-test.html‎
Lines changed: 14 additions & 3 deletions
diff --git a/‎docs/examples/schema-table.html‎
Lines changed: 1 addition & 1 deletion b/‎docs/examples/schema-table.html‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎docs/rapidoc-min.js‎
Lines changed: 2 additions & 2 deletions b/‎docs/rapidoc-min.js‎
Lines changed: 2 additions & 2 deletions
diff --git a/‎docs/specs/multi-datatypes.yaml‎
Lines changed: 14 additions & 6 deletions b/‎docs/specs/multi-datatypes.yaml‎
Lines changed: 14 additions & 6 deletions
@@ -12,10 +12,13 @@
     <meta charset='utf-8'>
     <meta name='viewport' content='width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes'>
     <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;600&family=Roboto+Mono&display=swap" rel="stylesheet">
-    <script type='text/javascript' src='../rapidoc-min.js'></script>
+    <link href='../index.css' rel='stylesheet'>
+    <script type='module' src='../rapidoc-min.js'></script>
   </head>
   <body>
-    <rapi-doc spec-url="../specs/multi-datatypes-test.yaml" 
+    <rapi-doc
+      id = "thedoc"
+      spec-url="../specs/multi-datatypes-test.yaml" 
       allow-authentication = "false" 
       show-info = "true"
       show-header = "false"
@@ -25,6 +28,14 @@
       allow-try = "true" 
       regular-font = 'Open Sans'
       mono-font = "Roboto Mono"
-    > </rapi-doc>
+    > 
+      <div slot="nav-logo" style="width:100%; display: flex; flex-direction:column;">
+        <div style="display: flex;justify-content:center; align-items:center; margin:2px 0">
+          <span> Schema Style</span>
+          <button class='btn medium' onclick="document.getElementById('thedoc').setAttribute('schema-style', 'tree')" >Tree</button>
+          <button class='btn medium' onclick="document.getElementById('thedoc').setAttribute('schema-style', 'table')" >Table</button>
+        </div>
+      </div>  
+    </rapi-doc>
   </body>
 </html>
@@ -13,7 +13,7 @@
     <meta name='viewport' content='width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes'>
     <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;600&family=Roboto+Mono&display=swap" rel="stylesheet">
     <link href='../index.css' rel='stylesheet'>
-    <script type='text/javascript' src='../rapidoc-min.js'></script>
+    <script type='module' src='../rapidoc-min.js'></script>
   </head>
   <body>
     <rapi-doc spec-url="../specs/schema.yaml"
 
@@ -40,18 +40,26 @@ components:
             - number
             - string
           minLength: 4
-          examples: 
-            - 123
+          minimum: 10
         name:
           type: string
-          minLength: 4
+          maxLength: 100
+        gender:
+          type: string
+          enum:
+            - male
+            - female
+            - unknown
         location:
-          type: 
-            - string
-            - 'null'
+          description: location can be null, set using `nullable` property thats supported by OpenAPI `3.0.x`
+          type: string
+          nullable: true
         age:
           description: Age of Person
           type: integer
+          minimum: 21
+          exclusiveMaximum: 70
+          multipleOf: 5
         photoUrls:
           description: One URL or Array or URLs or set to false
           type: