diff --git a/apps/showcase/doc/autocomplete/FormDoc.vue b/apps/showcase/doc/autocomplete/FormsDoc.vue
similarity index 100%
rename from apps/showcase/doc/autocomplete/FormDoc.vue
rename to apps/showcase/doc/autocomplete/FormsDoc.vue
diff --git a/apps/showcase/doc/cascadeselect/FormDoc.vue b/apps/showcase/doc/cascadeselect/FormsDoc.vue
similarity index 100%
rename from apps/showcase/doc/cascadeselect/FormDoc.vue
rename to apps/showcase/doc/cascadeselect/FormsDoc.vue
diff --git a/apps/showcase/doc/checkbox/FormDoc.vue b/apps/showcase/doc/checkbox/FormsDoc.vue
similarity index 100%
rename from apps/showcase/doc/checkbox/FormDoc.vue
rename to apps/showcase/doc/checkbox/FormsDoc.vue
diff --git a/apps/showcase/doc/colorpicker/FormDoc.vue b/apps/showcase/doc/colorpicker/FormsDoc.vue
similarity index 100%
rename from apps/showcase/doc/colorpicker/FormDoc.vue
rename to apps/showcase/doc/colorpicker/FormsDoc.vue
diff --git a/apps/showcase/doc/datepicker/FormDoc.vue b/apps/showcase/doc/datepicker/FormsDoc.vue
similarity index 100%
rename from apps/showcase/doc/datepicker/FormDoc.vue
rename to apps/showcase/doc/datepicker/FormsDoc.vue
diff --git a/apps/showcase/doc/editor/FormDoc.vue b/apps/showcase/doc/editor/FormsDoc.vue
similarity index 100%
rename from apps/showcase/doc/editor/FormDoc.vue
rename to apps/showcase/doc/editor/FormsDoc.vue
diff --git a/apps/showcase/doc/inputmask/FormDoc.vue b/apps/showcase/doc/inputmask/FormsDoc.vue
similarity index 100%
rename from apps/showcase/doc/inputmask/FormDoc.vue
rename to apps/showcase/doc/inputmask/FormsDoc.vue
diff --git a/apps/showcase/doc/inputnumber/FormDoc.vue b/apps/showcase/doc/inputnumber/FormsDoc.vue
similarity index 100%
rename from apps/showcase/doc/inputnumber/FormDoc.vue
rename to apps/showcase/doc/inputnumber/FormsDoc.vue
diff --git a/apps/showcase/doc/inputotp/FormDoc.vue b/apps/showcase/doc/inputotp/FormsDoc.vue
similarity index 100%
rename from apps/showcase/doc/inputotp/FormDoc.vue
rename to apps/showcase/doc/inputotp/FormsDoc.vue
diff --git a/apps/showcase/doc/inputtext/FormDoc.vue b/apps/showcase/doc/inputtext/FormsDoc.vue
similarity index 100%
rename from apps/showcase/doc/inputtext/FormDoc.vue
rename to apps/showcase/doc/inputtext/FormsDoc.vue
diff --git a/apps/showcase/doc/knob/FormDoc.vue b/apps/showcase/doc/knob/FormsDoc.vue
similarity index 100%
rename from apps/showcase/doc/knob/FormDoc.vue
rename to apps/showcase/doc/knob/FormsDoc.vue
diff --git a/apps/showcase/doc/listbox/FormDoc.vue b/apps/showcase/doc/listbox/FormsDoc.vue
similarity index 100%
rename from apps/showcase/doc/listbox/FormDoc.vue
rename to apps/showcase/doc/listbox/FormsDoc.vue
diff --git a/apps/showcase/doc/message/FormDoc.vue b/apps/showcase/doc/message/FormsDoc.vue
similarity index 100%
rename from apps/showcase/doc/message/FormDoc.vue
rename to apps/showcase/doc/message/FormsDoc.vue
diff --git a/apps/showcase/doc/multiselect/FormDoc.vue b/apps/showcase/doc/multiselect/FormsDoc.vue
similarity index 100%
rename from apps/showcase/doc/multiselect/FormDoc.vue
rename to apps/showcase/doc/multiselect/FormsDoc.vue
diff --git a/apps/showcase/doc/password/FormDoc.vue b/apps/showcase/doc/password/FormsDoc.vue
similarity index 100%
rename from apps/showcase/doc/password/FormDoc.vue
rename to apps/showcase/doc/password/FormsDoc.vue
diff --git a/apps/showcase/doc/radiobutton/FormDoc.vue b/apps/showcase/doc/radiobutton/FormsDoc.vue
similarity index 100%
rename from apps/showcase/doc/radiobutton/FormDoc.vue
rename to apps/showcase/doc/radiobutton/FormsDoc.vue
diff --git a/apps/showcase/doc/rating/FormDoc.vue b/apps/showcase/doc/rating/FormsDoc.vue
similarity index 100%
rename from apps/showcase/doc/rating/FormDoc.vue
rename to apps/showcase/doc/rating/FormsDoc.vue
diff --git a/apps/showcase/doc/select/FormDoc.vue b/apps/showcase/doc/select/FormsDoc.vue
similarity index 100%
rename from apps/showcase/doc/select/FormDoc.vue
rename to apps/showcase/doc/select/FormsDoc.vue
diff --git a/apps/showcase/doc/selectbutton/FormDoc.vue b/apps/showcase/doc/selectbutton/FormsDoc.vue
similarity index 100%
rename from apps/showcase/doc/selectbutton/FormDoc.vue
rename to apps/showcase/doc/selectbutton/FormsDoc.vue
diff --git a/apps/showcase/doc/slider/FormDoc.vue b/apps/showcase/doc/slider/FormsDoc.vue
similarity index 100%
rename from apps/showcase/doc/slider/FormDoc.vue
rename to apps/showcase/doc/slider/FormsDoc.vue
diff --git a/apps/showcase/doc/textarea/FormDoc.vue b/apps/showcase/doc/textarea/FormsDoc.vue
similarity index 100%
rename from apps/showcase/doc/textarea/FormDoc.vue
rename to apps/showcase/doc/textarea/FormsDoc.vue
diff --git a/apps/showcase/doc/togglebutton/FormDoc.vue b/apps/showcase/doc/togglebutton/FormsDoc.vue
similarity index 100%
rename from apps/showcase/doc/togglebutton/FormDoc.vue
rename to apps/showcase/doc/togglebutton/FormsDoc.vue
diff --git a/apps/showcase/doc/toggleswitch/FormDoc.vue b/apps/showcase/doc/toggleswitch/FormsDoc.vue
similarity index 100%
rename from apps/showcase/doc/toggleswitch/FormDoc.vue
rename to apps/showcase/doc/toggleswitch/FormsDoc.vue
diff --git a/apps/showcase/doc/treeselect/FormDoc.vue b/apps/showcase/doc/treeselect/FormsDoc.vue
similarity index 100%
rename from apps/showcase/doc/treeselect/FormDoc.vue
rename to apps/showcase/doc/treeselect/FormsDoc.vue
diff --git a/apps/showcase/pages/autocomplete/index.vue b/apps/showcase/pages/autocomplete/index.vue
index 520c71a82..f613987ed 100755
--- a/apps/showcase/pages/autocomplete/index.vue
+++ b/apps/showcase/pages/autocomplete/index.vue
@@ -18,7 +18,7 @@ import DropdownDoc from '@/doc/autocomplete/DropdownDoc.vue';
 import FilledDoc from '@/doc/autocomplete/FilledDoc.vue';
 import FloatLabelDoc from '@/doc/autocomplete/FloatLabelDoc.vue';
 import ForceSelectionDoc from '@/doc/autocomplete/ForceSelectionDoc.vue';
-import FormDoc from '@/doc/autocomplete/FormDoc.vue';
+import FormsDoc from '@/doc/autocomplete/FormsDoc.vue';
 import GroupDoc from '@/doc/autocomplete/GroupDoc.vue';
 import IftaLabelDoc from '@/doc/autocomplete/IftaLabelDoc.vue';
 import ImportDoc from '@/doc/autocomplete/ImportDoc.vue';
@@ -45,9 +45,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'dropdown',
diff --git a/apps/showcase/pages/cascadeselect/index.vue b/apps/showcase/pages/cascadeselect/index.vue
index 8c0242d7e..314cb5fd4 100644
--- a/apps/showcase/pages/cascadeselect/index.vue
+++ b/apps/showcase/pages/cascadeselect/index.vue
@@ -16,7 +16,7 @@ import BasicDoc from '@/doc/cascadeselect/BasicDoc.vue';
 import DisabledDoc from '@/doc/cascadeselect/DisabledDoc.vue';
 import FilledDoc from '@/doc/cascadeselect/FilledDoc.vue';
 import FloatLabelDoc from '@/doc/cascadeselect/FloatLabelDoc.vue';
-import FormDoc from '@/doc/cascadeselect/FormDoc.vue';
+import FormsDoc from '@/doc/cascadeselect/FormsDoc.vue';
 import IftaLabelDoc from '@/doc/cascadeselect/IftaLabelDoc.vue';
 import ImportDoc from '@/doc/cascadeselect/ImportDoc.vue';
 import InvalidDoc from '@/doc/cascadeselect/InvalidDoc.vue';
@@ -40,9 +40,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'template',
diff --git a/apps/showcase/pages/checkbox/index.vue b/apps/showcase/pages/checkbox/index.vue
index 62dbfa1b7..5eb9aeec6 100755
--- a/apps/showcase/pages/checkbox/index.vue
+++ b/apps/showcase/pages/checkbox/index.vue
@@ -16,7 +16,7 @@ import BasicDoc from '@/doc/checkbox/BasicDoc.vue';
 import DisabledDoc from '@/doc/checkbox/DisabledDoc.vue';
 import DynamicDoc from '@/doc/checkbox/DynamicDoc.vue';
 import FilledDoc from '@/doc/checkbox/FilledDoc.vue';
-import FormDoc from '@/doc/checkbox/FormDoc.vue';
+import FormsDoc from '@/doc/checkbox/FormsDoc.vue';
 import GroupDoc from '@/doc/checkbox/GroupDoc.vue';
 import ImportDoc from '@/doc/checkbox/ImportDoc.vue';
 import IndeterminateDoc from '@/doc/checkbox/IndeterminateDoc.vue';
@@ -39,9 +39,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'indeterminate',
diff --git a/apps/showcase/pages/colorpicker/index.vue b/apps/showcase/pages/colorpicker/index.vue
index 9c106ee4d..4249f4088 100755
--- a/apps/showcase/pages/colorpicker/index.vue
+++ b/apps/showcase/pages/colorpicker/index.vue
@@ -6,8 +6,8 @@
 import AccessibilityDoc from '@/doc/colorpicker/AccessibilityDoc.vue';
 import BasicDoc from '@/doc/colorpicker/BasicDoc.vue';
 import DisabledDoc from '@/doc/colorpicker/DisabledDoc.vue';
-import FormDoc from '@/doc/colorpicker/FormDoc.vue';
 import FormatDoc from '@/doc/colorpicker/FormatDoc.vue';
+import FormsDoc from '@/doc/colorpicker/FormsDoc.vue';
 import ImportDoc from '@/doc/colorpicker/ImportDoc.vue';
 import InlineDoc from '@/doc/colorpicker/InlineDoc.vue';
 import PTComponent from '@/doc/colorpicker/pt/index.vue';
@@ -28,9 +28,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'inline',
diff --git a/apps/showcase/pages/datepicker/index.vue b/apps/showcase/pages/datepicker/index.vue
index bd08054a4..6fbbcbebd 100755
--- a/apps/showcase/pages/datepicker/index.vue
+++ b/apps/showcase/pages/datepicker/index.vue
@@ -10,8 +10,8 @@ import DateTemplateDoc from '@/doc/datepicker/DateTemplateDoc.vue';
 import DisabledDoc from '@/doc/datepicker/DisabledDoc.vue';
 import FilledDoc from '@/doc/datepicker/FilledDoc.vue';
 import FloatLabelDoc from '@/doc/datepicker/FloatLabelDoc.vue';
-import FormDoc from '@/doc/datepicker/FormDoc.vue';
 import FormatDoc from '@/doc/datepicker/FormatDoc.vue';
+import FormsDoc from '@/doc/datepicker/FormsDoc.vue';
 import IconDoc from '@/doc/datepicker/IconDoc.vue';
 import IftaLabelDoc from '@/doc/datepicker/IftaLabelDoc.vue';
 import ImportDoc from '@/doc/datepicker/ImportDoc.vue';
@@ -43,9 +43,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'format',
diff --git a/apps/showcase/pages/editor/index.vue b/apps/showcase/pages/editor/index.vue
index 6e27fb4f4..bcc9a67bb 100755
--- a/apps/showcase/pages/editor/index.vue
+++ b/apps/showcase/pages/editor/index.vue
@@ -5,8 +5,8 @@
 <script>
 import AccessibilityDoc from '@/doc/editor/AccessibilityDoc.vue';
 import BasicDoc from '@/doc/editor/BasicDoc.vue';
+import FormsDoc from '@/doc/editor/FormsDoc.vue';
 import ImportDoc from '@/doc/editor/ImportDoc.vue';
-import FormDoc from '@/doc/editor/FormDoc.vue';
 import QuillDoc from '@/doc/editor/QuillDoc.vue';
 import ReadOnlyDoc from '@/doc/editor/ReadOnlyDoc.vue';
 import TemplateDoc from '@/doc/editor/TemplateDoc.vue';
@@ -33,9 +33,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'readonly',
diff --git a/apps/showcase/pages/inputmask/index.vue b/apps/showcase/pages/inputmask/index.vue
index 4e08e7948..b22db0008 100755
--- a/apps/showcase/pages/inputmask/index.vue
+++ b/apps/showcase/pages/inputmask/index.vue
@@ -16,7 +16,7 @@ import BasicDoc from '@/doc/inputmask/BasicDoc.vue';
 import DisabledDoc from '@/doc/inputmask/DisabledDoc.vue';
 import FilledDoc from '@/doc/inputmask/FilledDoc.vue';
 import FloatLabelDoc from '@/doc/inputmask/FloatLabelDoc.vue';
-import FormDoc from '@/doc/inputmask/FormDoc.vue';
+import FormsDoc from '@/doc/inputmask/FormsDoc.vue';
 import IftaLabelDoc from '@/doc/inputmask/IftaLabelDoc.vue';
 import ImportDoc from '@/doc/inputmask/ImportDoc.vue';
 import InvalidDoc from '@/doc/inputmask/InvalidDoc.vue';
@@ -41,9 +41,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'mask',
diff --git a/apps/showcase/pages/inputnumber/index.vue b/apps/showcase/pages/inputnumber/index.vue
index e70638882..0b162a2cd 100755
--- a/apps/showcase/pages/inputnumber/index.vue
+++ b/apps/showcase/pages/inputnumber/index.vue
@@ -17,7 +17,7 @@ import CurrencyDoc from '@/doc/inputnumber/CurrencyDoc.vue';
 import DisabledDoc from '@/doc/inputnumber/DisabledDoc.vue';
 import FilledDoc from '@/doc/inputnumber/FilledDoc.vue';
 import FloatLabelDoc from '@/doc/inputnumber/FloatLabelDoc.vue';
-import FormDoc from '@/doc/inputnumber/FormDoc.vue';
+import FormsDoc from '@/doc/inputnumber/FormsDoc.vue';
 import IftaLabelDoc from '@/doc/inputnumber/IftaLabelDoc.vue';
 import ImportDoc from '@/doc/inputnumber/ImportDoc.vue';
 import InvalidDoc from '@/doc/inputnumber/InvalidDoc.vue';
@@ -43,9 +43,9 @@ export default {
                     component: NumeralsDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'locale',
diff --git a/apps/showcase/pages/inputotp/index.vue b/apps/showcase/pages/inputotp/index.vue
index ce636f3b1..365fb2f36 100644
--- a/apps/showcase/pages/inputotp/index.vue
+++ b/apps/showcase/pages/inputotp/index.vue
@@ -5,12 +5,12 @@
 <script>
 import AccessibilityDoc from '@/doc/inputotp/AccessibilityDoc.vue';
 import BasicDoc from '@/doc/inputotp/BasicDoc.vue';
-import FormDoc from '@/doc/inputotp/FormDoc.vue';
+import FilledDoc from '@/doc/inputotp/FilledDoc.vue';
+import FormsDoc from '@/doc/inputotp/FormsDoc.vue';
 import ImportDoc from '@/doc/inputotp/ImportDoc.vue';
 import IntegerOnlyDoc from '@/doc/inputotp/IntegerOnlyDoc.vue';
 import MaskDoc from '@/doc/inputotp/MaskDoc.vue';
 import SampleDoc from '@/doc/inputotp/SampleDoc.vue';
-import FilledDoc from '@/doc/inputotp/FilledDoc.vue';
 import TemplateDoc from '@/doc/inputotp/TemplateDoc.vue';
 import PTComponent from '@/doc/inputotp/pt/index.vue';
 import ThemingDoc from '@/doc/inputotp/theming/index.vue';
@@ -30,9 +30,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'mask',
diff --git a/apps/showcase/pages/inputtext/index.vue b/apps/showcase/pages/inputtext/index.vue
index 128e88085..8ed748736 100755
--- a/apps/showcase/pages/inputtext/index.vue
+++ b/apps/showcase/pages/inputtext/index.vue
@@ -8,7 +8,7 @@ import BasicDoc from '@/doc/inputtext/BasicDoc.vue';
 import DisabledDoc from '@/doc/inputtext/DisabledDoc.vue';
 import FilledDoc from '@/doc/inputtext/FilledDoc.vue';
 import FloatLabelDoc from '@/doc/inputtext/FloatLabelDoc.vue';
-import FormDoc from '@/doc/inputtext/FormDoc.vue';
+import FormsDoc from '@/doc/inputtext/FormsDoc.vue';
 import HelpTextDoc from '@/doc/inputtext/HelpTextDoc.vue';
 import IftaLabelDoc from '@/doc/inputtext/IftaLabelDoc.vue';
 import ImportDoc from '@/doc/inputtext/ImportDoc.vue';
@@ -32,9 +32,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'filled',
diff --git a/apps/showcase/pages/knob/index.vue b/apps/showcase/pages/knob/index.vue
index 3ad5da71a..83e1bc04b 100644
--- a/apps/showcase/pages/knob/index.vue
+++ b/apps/showcase/pages/knob/index.vue
@@ -7,7 +7,7 @@ import AccessibilityDoc from '@/doc/knob/AccessibilityDoc.vue';
 import BasicDoc from '@/doc/knob/BasicDoc.vue';
 import ColorDoc from '@/doc/knob/ColorDoc.vue';
 import DisabledDoc from '@/doc/knob/DisabledDoc.vue';
-import FormDoc from '@/doc/knob/FormDoc.vue';
+import FormsDoc from '@/doc/knob/FormsDoc.vue';
 import ImportDoc from '@/doc/knob/ImportDoc.vue';
 import MinMaxDoc from '@/doc/knob/MinMaxDoc.vue';
 import ReactiveDoc from '@/doc/knob/ReactiveDoc.vue';
@@ -34,9 +34,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'minmax',
diff --git a/apps/showcase/pages/listbox/index.vue b/apps/showcase/pages/listbox/index.vue
index ed5151c8c..fb0c12e53 100755
--- a/apps/showcase/pages/listbox/index.vue
+++ b/apps/showcase/pages/listbox/index.vue
@@ -8,7 +8,7 @@ import BasicDoc from '@/doc/listbox/BasicDoc.vue';
 import CheckmarkDoc from '@/doc/listbox/CheckmarkDoc.vue';
 import DisabledDoc from '@/doc/listbox/DisabledDoc.vue';
 import FilterDoc from '@/doc/listbox/FilterDoc.vue';
-import FormDoc from '@/doc/listbox/FormDoc.vue';
+import FormsDoc from '@/doc/listbox/FormsDoc.vue';
 import GroupDoc from '@/doc/listbox/GroupDoc.vue';
 import ImportDoc from '@/doc/listbox/ImportDoc.vue';
 import InvalidDoc from '@/doc/listbox/InvalidDoc.vue';
@@ -33,9 +33,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'checkmark',
diff --git a/apps/showcase/pages/message/index.vue b/apps/showcase/pages/message/index.vue
index 1bff163bf..945c1ccc6 100755
--- a/apps/showcase/pages/message/index.vue
+++ b/apps/showcase/pages/message/index.vue
@@ -7,7 +7,7 @@ import AccessibilityDoc from '@/doc/message/AccessibilityDoc.vue';
 import BasicDoc from '@/doc/message/BasicDoc.vue';
 import ClosabledDoc from '@/doc/message/ClosableDoc.vue';
 import DynamicDoc from '@/doc/message/DynamicDoc.vue';
-import FormDoc from '@/doc/message/FormDoc.vue';
+import FormsDoc from '@/doc/message/FormsDoc.vue';
 import IconDoc from '@/doc/message/IconDoc.vue';
 import ImportDoc from '@/doc/message/ImportDoc.vue';
 import LifeDoc from '@/doc/message/LifeDoc.vue';
@@ -40,9 +40,9 @@ export default {
                     component: IconDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'dynamic',
diff --git a/apps/showcase/pages/multiselect/index.vue b/apps/showcase/pages/multiselect/index.vue
index cb1669e3b..b6332e305 100755
--- a/apps/showcase/pages/multiselect/index.vue
+++ b/apps/showcase/pages/multiselect/index.vue
@@ -18,10 +18,10 @@ import DisabledDoc from '@/doc/multiselect/DisabledDoc.vue';
 import FilledDoc from '@/doc/multiselect/FilledDoc.vue';
 import FilterDoc from '@/doc/multiselect/FilterDoc.vue';
 import FloatLabelDoc from '@/doc/multiselect/FloatLabelDoc.vue';
+import FormsDoc from '@/doc/multiselect/FormsDoc.vue';
 import GroupDoc from '@/doc/multiselect/GroupDoc.vue';
 import IftaLabelDoc from '@/doc/multiselect/IftaLabelDoc.vue';
 import ImportDoc from '@/doc/multiselect/ImportDoc.vue';
-import FormDoc from '@/doc/multiselect/FormDoc.vue';
 import InvalidDoc from '@/doc/multiselect/InvalidDoc.vue';
 import LoadingStateDoc from '@/doc/multiselect/LoadingStateDoc.vue';
 import TemplateDoc from '@/doc/multiselect/TemplateDoc.vue';
@@ -44,9 +44,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'chips',
diff --git a/apps/showcase/pages/password/index.vue b/apps/showcase/pages/password/index.vue
index f78d3c679..c6427005d 100755
--- a/apps/showcase/pages/password/index.vue
+++ b/apps/showcase/pages/password/index.vue
@@ -8,7 +8,7 @@ import BasicDoc from '@/doc/password/BasicDoc.vue';
 import DisabledDoc from '@/doc/password/DisabledDoc.vue';
 import FilledDoc from '@/doc/password/FilledDoc.vue';
 import FloatLabelDoc from '@/doc/password/FloatLabelDoc.vue';
-import FormDoc from '@/doc/password/FormDoc.vue';
+import FormsDoc from '@/doc/password/FormsDoc.vue';
 import IftaLabelDoc from '@/doc/password/IftaLabelDoc.vue';
 import ImportDoc from '@/doc/password/ImportDoc.vue';
 import InvalidDoc from '@/doc/password/InvalidDoc.vue';
@@ -34,9 +34,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'meter',
diff --git a/apps/showcase/pages/radiobutton/index.vue b/apps/showcase/pages/radiobutton/index.vue
index 7f1c9e402..d4b51c2a4 100755
--- a/apps/showcase/pages/radiobutton/index.vue
+++ b/apps/showcase/pages/radiobutton/index.vue
@@ -15,7 +15,7 @@ import AccessibilityDoc from '@/doc/radiobutton/AccessibilityDoc.vue';
 import DisabledDoc from '@/doc/radiobutton/DisabledDoc.vue';
 import DynamicDoc from '@/doc/radiobutton/DynamicDoc.vue';
 import FilledDoc from '@/doc/radiobutton/FilledDoc.vue';
-import FormDoc from '@/doc/radiobutton/FormDoc.vue';
+import FormsDoc from '@/doc/radiobutton/FormsDoc.vue';
 import GroupDoc from '@/doc/radiobutton/GroupDoc.vue';
 import ImportDoc from '@/doc/radiobutton/ImportDoc.vue';
 import InvalidDoc from '@/doc/radiobutton/InvalidDoc.vue';
@@ -37,9 +37,9 @@ export default {
                     component: GroupDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'dynamic',
diff --git a/apps/showcase/pages/rating/index.vue b/apps/showcase/pages/rating/index.vue
index 48ca35bbb..40c7bf638 100755
--- a/apps/showcase/pages/rating/index.vue
+++ b/apps/showcase/pages/rating/index.vue
@@ -6,7 +6,7 @@
 import AccessibilityDoc from '@/doc/rating/AccessibilityDoc.vue';
 import BasicDoc from '@/doc/rating/BasicDoc.vue';
 import DisabledDoc from '@/doc/rating/DisabledDoc.vue';
-import FormDoc from '@/doc/rating/FormDoc.vue';
+import FormsDoc from '@/doc/rating/FormsDoc.vue';
 import ImportDoc from '@/doc/rating/ImportDoc.vue';
 import NumberOfStarsDoc from '@/doc/rating/NumberOfStarsDoc.vue';
 import ReadOnlyDoc from '@/doc/rating/ReadOnlyDoc.vue';
@@ -29,9 +29,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'numberofstars',
diff --git a/apps/showcase/pages/select/index.vue b/apps/showcase/pages/select/index.vue
index 00f837737..07ff9b896 100755
--- a/apps/showcase/pages/select/index.vue
+++ b/apps/showcase/pages/select/index.vue
@@ -12,7 +12,7 @@ import EditableDoc from '@/doc/select/EditableDoc.vue';
 import FilledDoc from '@/doc/select/FilledDoc.vue';
 import FilterDoc from '@/doc/select/FilterDoc.vue';
 import FloatLabelDoc from '@/doc/select/FloatLabelDoc.vue';
-import FormDoc from '@/doc/select/FormDoc.vue';
+import FormsDoc from '@/doc/select/FormsDoc.vue';
 import GroupDoc from '@/doc/select/GroupDoc.vue';
 import IftaLabelDoc from '@/doc/select/IftaLabelDoc.vue';
 import ImportDoc from '@/doc/select/ImportDoc.vue';
@@ -39,9 +39,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'checkmark',
diff --git a/apps/showcase/pages/selectbutton/index.vue b/apps/showcase/pages/selectbutton/index.vue
index 9c2dae896..60767c266 100755
--- a/apps/showcase/pages/selectbutton/index.vue
+++ b/apps/showcase/pages/selectbutton/index.vue
@@ -14,7 +14,7 @@
 import AccessibilityDoc from '@/doc/selectbutton/AccessibilityDoc.vue';
 import BasicDoc from '@/doc/selectbutton/BasicDoc.vue';
 import DisabledDoc from '@/doc/selectbutton/DisabledDoc.vue';
-import FormDoc from '@/doc/selectbutton/FormDoc.vue';
+import FormsDoc from '@/doc/selectbutton/FormsDoc.vue';
 import ImportDoc from '@/doc/selectbutton/ImportDoc.vue';
 import InvalidDoc from '@/doc/selectbutton/InvalidDoc.vue';
 import MultipleDoc from '@/doc/selectbutton/MultipleDoc.vue';
@@ -37,9 +37,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'multiple',
diff --git a/apps/showcase/pages/slider/index.vue b/apps/showcase/pages/slider/index.vue
index ac5a8cf13..9038dd95a 100755
--- a/apps/showcase/pages/slider/index.vue
+++ b/apps/showcase/pages/slider/index.vue
@@ -6,7 +6,7 @@
 import AccessibilityDoc from '@/doc/slider/AccessibilityDoc.vue';
 import BasicDoc from '@/doc/slider/BasicDoc.vue';
 import FilterDoc from '@/doc/slider/FilterDoc.vue';
-import FormDoc from '@/doc/slider/FormDoc.vue';
+import FormsDoc from '@/doc/slider/FormsDoc.vue';
 import ImportDoc from '@/doc/slider/ImportDoc.vue';
 import InputDoc from '@/doc/slider/InputDoc.vue';
 import RangeDoc from '@/doc/slider/RangeDoc.vue';
@@ -30,9 +30,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'input',
diff --git a/apps/showcase/pages/textarea/index.vue b/apps/showcase/pages/textarea/index.vue
index af0ae69ef..e491421b8 100755
--- a/apps/showcase/pages/textarea/index.vue
+++ b/apps/showcase/pages/textarea/index.vue
@@ -17,9 +17,9 @@ import BasicDoc from '@/doc/textarea/BasicDoc.vue';
 import DisabledDoc from '@/doc/textarea/DisabledDoc.vue';
 import FilledDoc from '@/doc/textarea/FilledDoc.vue';
 import FloatLabelDoc from '@/doc/textarea/FloatLabelDoc.vue';
+import FormsDoc from '@/doc/textarea/FormsDoc.vue';
 import IftaLabelDoc from '@/doc/textarea/IftaLabelDoc.vue';
 import ImportDoc from '@/doc/textarea/ImportDoc.vue';
-import FormDoc from '@/doc/textarea/FormDoc.vue';
 import InvalidDoc from '@/doc/textarea/InvalidDoc.vue';
 import PTComponent from '@/doc/textarea/pt/index.vue';
 import ThemingDoc from '@/doc/textarea/theming/index.vue';
@@ -39,9 +39,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'auto-resize',
diff --git a/apps/showcase/pages/togglebutton/index.vue b/apps/showcase/pages/togglebutton/index.vue
index 47f9e6b87..30d510633 100755
--- a/apps/showcase/pages/togglebutton/index.vue
+++ b/apps/showcase/pages/togglebutton/index.vue
@@ -15,7 +15,7 @@ import AccessibilityDoc from '@/doc/togglebutton/AccessibilityDoc.vue';
 import BasicDoc from '@/doc/togglebutton/BasicDoc.vue';
 import CustomizedDoc from '@/doc/togglebutton/CustomizedDoc.vue';
 import DisabledDoc from '@/doc/togglebutton/DisabledDoc.vue';
-import FormDoc from '@/doc/togglebutton/FormDoc.vue';
+import FormsDoc from '@/doc/togglebutton/FormsDoc.vue';
 import ImportDoc from '@/doc/togglebutton/ImportDoc.vue';
 import InvalidDoc from '@/doc/togglebutton/InvalidDoc.vue';
 import PTComponent from '@/doc/togglebutton/pt/index.vue';
@@ -36,9 +36,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'customized',
diff --git a/apps/showcase/pages/toggleswitch/index.vue b/apps/showcase/pages/toggleswitch/index.vue
index 9f7bf5ca0..9e1c20488 100755
--- a/apps/showcase/pages/toggleswitch/index.vue
+++ b/apps/showcase/pages/toggleswitch/index.vue
@@ -6,7 +6,7 @@
 import AccessibilityDoc from '@/doc/toggleswitch/AccessibilityDoc.vue';
 import BasicDoc from '@/doc/toggleswitch/BasicDoc.vue';
 import DisabledDoc from '@/doc/toggleswitch/DisabledDoc.vue';
-import FormDoc from '@/doc/toggleswitch/FormDoc.vue';
+import FormsDoc from '@/doc/toggleswitch/FormsDoc.vue';
 import ImportDoc from '@/doc/toggleswitch/ImportDoc.vue';
 import InvalidDoc from '@/doc/toggleswitch/InvalidDoc.vue';
 import PreselectionDoc from '@/doc/toggleswitch/PreselectionDoc.vue';
@@ -29,9 +29,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'preselection',
diff --git a/apps/showcase/pages/treeselect/index.vue b/apps/showcase/pages/treeselect/index.vue
index bfb6ac6b6..4a59381fd 100644
--- a/apps/showcase/pages/treeselect/index.vue
+++ b/apps/showcase/pages/treeselect/index.vue
@@ -18,7 +18,7 @@ import DisabledDoc from '@/doc/treeselect/DisabledDoc.vue';
 import FilledDoc from '@/doc/treeselect/FilledDoc.vue';
 import FilterDoc from '@/doc/treeselect/FilterDoc.vue';
 import FloatLabelDoc from '@/doc/treeselect/FloatLabelDoc.vue';
-import FormDoc from '@/doc/treeselect/FormDoc.vue';
+import FormsDoc from '@/doc/treeselect/FormsDoc.vue';
 import IftaLabelDoc from '@/doc/treeselect/IftaLabelDoc.vue';
 import ImportDoc from '@/doc/treeselect/ImportDoc.vue';
 import InvalidDoc from '@/doc/treeselect/InvalidDoc.vue';
@@ -43,9 +43,9 @@ export default {
                     component: BasicDoc
                 },
                 {
-                    id: 'form',
-                    label: 'Form',
-                    component: FormDoc
+                    id: 'forms',
+                    label: 'Forms',
+                    component: FormsDoc
                 },
                 {
                     id: 'multiple',