docs(QFormItem): add regular label size example

altai-ui · Apr 26, 2022 · 93ab2e6 · 93ab2e6
1 parent d2a5261
commit 93ab2e6
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 10 deletions.
diff --git a/vuepress-docs/docs/.vuepress/public/QForm/[QFormItem]labelSize.html b/vuepress-docs/docs/.vuepress/public/QForm/[QFormItem]labelSize.html
@@ -18,7 +18,7 @@
               :model="formModel"
             >
               <q-form-item
-                label="Name"
+                label="Small label"
                 label-size="small"
                 prop="name"
               >
@@ -27,6 +27,15 @@
                   type="text"
                 ></q-input>
               </q-form-item>
+              <q-form-item
+                label="Regular label"
+                prop="lastName"
+              >
+                <q-input
+                  v-model="formModel.lastName"
+                  type="text"
+                ></q-input>
+              </q-form-item>
             </q-form>
           </q-col>
         </q-row>
@@ -39,7 +48,8 @@
   <script src="https://unpkg.com/@qvant/qui-max@latest"></script>
   <script>
     const model = {
-      name: ''
+      name: '',
+      lastName: ''
     };
 
     const app = Vue.createApp({
@@ -61,10 +71,5 @@
     .block {
       margin: 20px;
     }
-
-    /* remove after next release */
-    .q-input {
-      height: 40px;
-    }
   </style>
 </html>
diff --git a/vuepress-docs/docs/components/QForm.md b/vuepress-docs/docs/components/QForm.md
@@ -292,16 +292,21 @@ Defines the size of the form item's label.
 - Type: `'regular'` | `'small'`
 - Default: `'regular'`
 
-```vue {4}
+```vue {4,9}
 ...
 <q-form-item
-  label="Name"
+  label="Small label"
   label-size="small"
 >
 ...
+<q-form-item
+  label="Regular label"
+  label-size="regular"
+>
+...
 ```
 
-<iframe style="width: 100%; height: 120px" scrolling="no" frameborder="no" src="/QForm/[QFormItem]labelSize.html"></iframe>
+<iframe style="width: 100%; height: 220px" scrolling="no" frameborder="no" src="/QForm/[QFormItem]labelSize.html"></iframe>
 
 ### sublabel