Update playground

Author: bhch

docs/src/demos.js

@@ -292,18 +292,28 @@ const DEMOS = [
     },
 
     {
-        name: 'Readonly inputs',
-        slug: 'readonly-inputs',
+        name: 'Readonly & Hidden inputs',
+        slug: 'readonly-hidden-inputs',
         schema: {
             type: 'object',
             keys: {
-                name: {
+                first_name: {
                     type: 'string',
                     placeholder: 'Readonly input',
                     readonly: true
+                },
+                last_name: {
+                    type: 'string',
+                    widget: 'hidden'
                 }
             }
-        }
+        },
+        description: () => (
+            <div>
+                The following schema has two inputs.
+                <code>first_name</code> is readonly and <code>last_name</code> is hidden so it's not visible.
+            </div>
+        )
     },
 
     {

docs/static/css/docs.css

@@ -567,6 +567,9 @@ button.rjf-add-button:hover {
     display: table;
     width: 100%;
 }
+.rjf-form-row-hidden {
+    display: none;
+}
 .rjf-form-row-inner {
     display: table;
     width: 100%;