From 4929f978f2132349b3ff56ab757a587797d55c5f Mon Sep 17 00:00:00 2001 From: Mert Sincan Date: Wed, 23 Oct 2024 05:05:27 +0100 Subject: [PATCH] Add `forms` demo page --- apps/showcase/assets/menu/menu.json | 6 + .../showcase/components/doc/DocApiSection.vue | 2 +- apps/showcase/doc/common/apidoc/index.json | 1495 ++++++++++++++++- apps/showcase/doc/forms/AccessibilityDoc.vue | 9 + apps/showcase/doc/forms/BasicDoc.vue | 115 ++ apps/showcase/doc/forms/DynamicDoc.vue | 267 +++ apps/showcase/doc/forms/ImportDoc.vue | 18 + apps/showcase/doc/forms/RegisterDoc.vue | 125 ++ apps/showcase/doc/forms/ResolversDoc.vue | 271 +++ apps/showcase/doc/forms/StatesDoc.vue | 119 ++ apps/showcase/doc/forms/SubmitDoc.vue | 169 ++ .../doc/forms/dynamic/DynamicForm.vue | 65 + .../doc/forms/dynamic/DynamicFormControl.vue | 43 + .../doc/forms/dynamic/DynamicFormField.vue | 26 + .../doc/forms/dynamic/DynamicFormLabel.vue | 21 + .../doc/forms/dynamic/DynamicFormMessage.vue | 54 + .../doc/forms/dynamic/DynamicFormSubmit.vue | 19 + apps/showcase/doc/forms/pt/PTViewer.vue | 37 + apps/showcase/doc/forms/pt/index.vue | 35 + .../doc/forms/theming/TailwindDoc.vue | 8 + apps/showcase/doc/forms/theming/index.vue | 49 + apps/showcase/pages/forms/index.vue | 67 + apps/showcase/tsconfig.json | 2 +- apps/showcase/typedoc.json | 2 +- 24 files changed, 3002 insertions(+), 22 deletions(-) create mode 100644 apps/showcase/doc/forms/AccessibilityDoc.vue create mode 100644 apps/showcase/doc/forms/BasicDoc.vue create mode 100644 apps/showcase/doc/forms/DynamicDoc.vue create mode 100644 apps/showcase/doc/forms/ImportDoc.vue create mode 100644 apps/showcase/doc/forms/RegisterDoc.vue create mode 100644 apps/showcase/doc/forms/ResolversDoc.vue create mode 100644 apps/showcase/doc/forms/StatesDoc.vue create mode 100644 apps/showcase/doc/forms/SubmitDoc.vue create mode 100644 apps/showcase/doc/forms/dynamic/DynamicForm.vue create mode 100644 apps/showcase/doc/forms/dynamic/DynamicFormControl.vue create mode 100644 apps/showcase/doc/forms/dynamic/DynamicFormField.vue create mode 100644 apps/showcase/doc/forms/dynamic/DynamicFormLabel.vue create mode 100644 apps/showcase/doc/forms/dynamic/DynamicFormMessage.vue create mode 100644 apps/showcase/doc/forms/dynamic/DynamicFormSubmit.vue create mode 100644 apps/showcase/doc/forms/pt/PTViewer.vue create mode 100644 apps/showcase/doc/forms/pt/index.vue create mode 100644 apps/showcase/doc/forms/theming/TailwindDoc.vue create mode 100644 apps/showcase/doc/forms/theming/index.vue create mode 100644 apps/showcase/pages/forms/index.vue diff --git a/apps/showcase/assets/menu/menu.json b/apps/showcase/assets/menu/menu.json index e0f4040ee..d55245ba6 100644 --- a/apps/showcase/assets/menu/menu.json +++ b/apps/showcase/assets/menu/menu.json @@ -497,6 +497,12 @@ } ] }, + { + "name": "Forms", + "icon": "pi pi-check-circle", + "to": "/forms", + "badge": "NEW" + }, { "name": "Pass Through", "icon": "pi pi-directions", diff --git a/apps/showcase/components/doc/DocApiSection.vue b/apps/showcase/components/doc/DocApiSection.vue index 1341e1d2b..8db4629e3 100644 --- a/apps/showcase/components/doc/DocApiSection.vue +++ b/apps/showcase/components/doc/DocApiSection.vue @@ -69,7 +69,7 @@ export default { interfaces = this.findOtherInterfaces(values, docName); } - const types = APIDocs[moduleName]['types']; + const types = APIDocs[moduleName]?.['types']; const services = modelValues; // (TerminalService && ConfirmationService && ToastService) diff --git a/apps/showcase/doc/common/apidoc/index.json b/apps/showcase/doc/common/apidoc/index.json index 231c56998..caf2c4216 100644 --- a/apps/showcase/doc/common/apidoc/index.json +++ b/apps/showcase/doc/common/apidoc/index.json @@ -637,7 +637,7 @@ "name": "as", "optional": true, "readonly": false, - "type": "string | Component", + "type": "string | Component", "default": "DIV", "description": "Use to change the HTML tag of root element." }, @@ -924,7 +924,7 @@ "name": "as", "optional": true, "readonly": false, - "type": "string | Component", + "type": "string | Component", "default": "BUTTON", "description": "Use to change the HTML tag of root element." }, @@ -1225,7 +1225,7 @@ "name": "as", "optional": true, "readonly": false, - "type": "string | Component", + "type": "string | Component", "default": "DIV", "description": "Use to change the HTML tag of root element." }, @@ -2485,6 +2485,22 @@ "default": "", "description": "Value of the component." }, + { + "name": "defaultValue", + "optional": true, + "readonly": false, + "type": "any", + "default": "", + "description": "The default value for the input when not controlled by `modelValue` ." + }, + { + "name": "name", + "optional": true, + "readonly": false, + "type": "string", + "default": "", + "description": "The name attribute for the element, typically used in form submissions." + }, { "name": "suggestions", "optional": true, @@ -2862,6 +2878,14 @@ "default": "", "description": "Identifier of the underlying input element." }, + { + "name": "formControl", + "optional": true, + "readonly": false, + "type": "Record", + "default": "", + "description": "Form control object, typically used for handling validation and form state." + }, { "name": "dt", "optional": true, @@ -3096,6 +3120,19 @@ "returnType": "void", "description": "Emitted when the value changes." }, + { + "name": "value-change", + "parameters": [ + { + "name": "value", + "optional": false, + "type": "any", + "description": "New value." + } + ], + "returnType": "void", + "description": "Emitted when the value changes in uncontrolled mode." + }, { "name": "change", "parameters": [ @@ -5659,7 +5696,7 @@ "name": "as", "optional": true, "readonly": false, - "type": "string | Component", + "type": "string | Component", "default": "BUTTON", "description": "Use to change the HTML tag of root element." }, @@ -8095,6 +8132,22 @@ "default": "", "description": "Value of the component." }, + { + "name": "defaultValue", + "optional": true, + "readonly": false, + "type": "any", + "default": "", + "description": "The default value for the input when not controlled by `modelValue` ." + }, + { + "name": "name", + "optional": true, + "readonly": false, + "type": "string", + "default": "", + "description": "The name attribute for the element, typically used in form submissions." + }, { "name": "options", "optional": true, @@ -8418,6 +8471,14 @@ "default": "", "description": "Establishes a string value that labels the component." }, + { + "name": "formControl", + "optional": true, + "readonly": false, + "type": "Record", + "default": "", + "description": "Form control object, typically used for handling validation and form state." + }, { "name": "dt", "optional": true, @@ -8552,6 +8613,19 @@ "returnType": "void", "description": "Emitted when the value changes." }, + { + "name": "value-change", + "parameters": [ + { + "name": "value", + "optional": false, + "type": "any", + "description": "New value." + } + ], + "returnType": "void", + "description": "Emitted when the value changes in uncontrolled mode." + }, { "name": "change", "parameters": [ @@ -9397,6 +9471,14 @@ "default": "", "description": "Value binding of the checkbox." }, + { + "name": "defaultValue", + "optional": true, + "readonly": false, + "type": "any", + "default": "", + "description": "The default value for the input when not controlled by `modelValue` ." + }, { "name": "name", "optional": true, @@ -9525,6 +9607,14 @@ "default": "", "description": "Establishes a string value that labels the component." }, + { + "name": "formControl", + "optional": true, + "readonly": false, + "type": "Record", + "default": "", + "description": "Form control object, typically used for handling validation and form state." + }, { "name": "dt", "optional": true, @@ -9629,6 +9719,19 @@ "returnType": "void", "description": "Emitted when the value changes." }, + { + "name": "value-change", + "parameters": [ + { + "name": "value", + "optional": false, + "type": "any", + "description": "New value." + } + ], + "returnType": "void", + "description": "Emitted when the value changes in uncontrolled mode." + }, { "name": "change", "parameters": [ @@ -9782,6 +9885,315 @@ } } }, + "checkboxgroup": { + "description": "CheckboxGroup is a component that groups multiple checkboxes, allowing users to select one or more options.\n\n[Live Demo](https://www.primevue.org/checkbox/)", + "components": { + "default": { + "description": "CheckboxGroup is a component that groups multiple checkboxes, allowing users to select one or more options.", + "methods": { + "description": "Defines methods that can be accessed by the component's reference.", + "values": [] + } + } + }, + "interfaces": { + "description": "Defines the custom interfaces used by the module.", + "eventDescription": "Defines the custom events used by the component's emit.", + "methodDescription": "Defines methods that can be accessed by the component's reference.", + "typeDescription": "Defines the custom types used by the module.", + "values": { + "CheckboxGroupPassThroughMethodOptions": { + "description": "Custom passthrough(pt) option method.", + "relatedProp": "", + "props": [ + { + "name": "instance", + "optional": false, + "readonly": false, + "type": "any", + "default": "", + "description": "Defines instance." + }, + { + "name": "props", + "optional": false, + "readonly": false, + "type": "CheckboxGroupProps", + "default": "", + "description": "Defines valid properties." + }, + { + "name": "attrs", + "optional": false, + "readonly": false, + "type": "any", + "default": "", + "description": "Defines valid attributes." + }, + { + "name": "parent", + "optional": false, + "readonly": false, + "type": "any", + "default": "", + "description": "Defines parent options." + }, + { + "name": "global", + "optional": false, + "readonly": false, + "type": "undefined | object", + "default": "", + "description": "Defines passthrough(pt) options in global config." + } + ], + "methods": [] + }, + "CheckboxGroupPassThroughOptions": { + "description": "Custom passthrough(pt) options.", + "relatedProp": "undefined.FloatLabelProps.pt", + "props": [ + { + "name": "root", + "optional": true, + "readonly": false, + "type": "CheckboxGroupPassThroughOptionType", + "default": "", + "description": "Used to pass attributes to the root's DOM element." + }, + { + "name": "hooks", + "optional": true, + "readonly": false, + "type": "any", + "default": "", + "description": "Used to manage all lifecycle hooks." + } + ], + "methods": [] + }, + "CheckboxGroupPassThroughAttributes": { + "description": "Custom passthrough attributes for each DOM elements", + "relatedProp": "", + "props": [ + { + "name": "[key: string]", + "optional": false, + "readonly": false, + "type": "any" + } + ], + "methods": [] + }, + "CheckboxGroupProps": { + "description": "Defines valid properties in CheckboxGroup component.", + "relatedProp": "", + "props": [ + { + "name": "modelValue", + "optional": true, + "readonly": false, + "type": "any", + "default": "", + "description": "Value binding of the checkboxes." + }, + { + "name": "defaultValue", + "optional": true, + "readonly": false, + "type": "any", + "default": "", + "description": "Default values of the checkboxes in uncontrolled mode." + }, + { + "name": "name", + "optional": true, + "readonly": false, + "type": "string", + "default": "", + "description": "Name of the input elements." + }, + { + "name": "invalid", + "optional": true, + "readonly": false, + "type": "boolean", + "default": "false", + "description": "When present, it specifies that the component should have invalid state style." + }, + { + "name": "formControl", + "optional": true, + "readonly": false, + "type": "any", + "default": "", + "description": "Used to set form control options." + }, + { + "name": "dt", + "optional": true, + "readonly": false, + "type": "any", + "default": "", + "description": "It generates scoped CSS variables using design tokens for the component." + }, + { + "name": "pt", + "optional": true, + "readonly": false, + "type": "PassThrough", + "default": "", + "description": "Used to pass attributes to DOM elements inside the component." + }, + { + "name": "ptOptions", + "optional": true, + "readonly": false, + "type": "any", + "default": "", + "description": "Used to configure passthrough(pt) options of the component." + }, + { + "name": "unstyled", + "optional": true, + "readonly": false, + "type": "boolean", + "default": "false", + "description": "When enabled, it removes component related styles in the core." + } + ], + "methods": [] + }, + "CheckboxGroupSlots": { + "description": "Defines valid slots in CheckboxGroup component.", + "relatedProp": "", + "props": [ + { + "name": "default", + "optional": false, + "readonly": false, + "type": "Function", + "default": "" + } + ], + "methods": [] + }, + "CheckboxGroupEmitsOptions": { + "description": "Defines valid emits in CheckboxGroup component.", + "relatedProp": "", + "props": [], + "methods": [ + { + "name": "update:modelValue", + "parameters": [ + { + "name": "value", + "optional": false, + "type": "any", + "description": "New value." + } + ], + "returnType": "void", + "description": "Emitted when the value changes." + }, + { + "name": "value-change", + "parameters": [ + { + "name": "value", + "optional": false, + "type": "any", + "description": "New value." + } + ], + "returnType": "void", + "description": "Emitted when the value changes in uncontrolled mode." + } + ] + } + } + }, + "tokens": { + "description": "Define design tokens used by the component.", + "values": { + "CheckboxGroupPassThroughMethodOptions": { + "description": "Custom passthrough(pt) option method.", + "props": [] + }, + "CheckboxGroupPassThroughOptions": { + "description": "Custom passthrough(pt) options.", + "props": [] + }, + "CheckboxGroupPassThroughAttributes": { + "description": "Custom passthrough attributes for each DOM elements", + "props": [] + }, + "CheckboxGroupProps": { + "description": "Defines valid properties in CheckboxGroup component.", + "props": [] + }, + "CheckboxGroupSlots": { + "description": "Defines valid slots in CheckboxGroup component.", + "props": [] + }, + "CheckboxGroupEmitsOptions": { + "description": "Defines valid emits in CheckboxGroup component.", + "props": [] + } + } + }, + "types": { + "description": "Defines the custom types used by the module.", + "values": { + "CheckboxGroupPassThroughOptionType": { + "values": "CheckboxGroupPassThroughAttributes | (options: CheckboxGroupPassThroughMethodOptions) => undefined | string | null | undefined" + }, + "CheckboxGroupEmits": { + "values": "EmitFn" + } + } + } + }, + "checkboxgroupstyle": { + "description": "CheckboxGroup is a component that groups multiple checkboxes, allowing users to select one or more options.\n\n[Live Demo](https://www.primevue.org/checkbox/)", + "interfaces": { + "description": "Defines the custom interfaces used by the module.", + "eventDescription": "Defines the custom events used by the component's emit.", + "methodDescription": "Defines methods that can be accessed by the component's reference.", + "typeDescription": "Defines the custom types used by the module.", + "values": { + "CheckboxGroupStyle": { + "relatedProp": "", + "props": [], + "methods": [], + "extendedTypes": "default" + } + } + }, + "tokens": { + "description": "Define design tokens used by the component.", + "values": { + "CheckboxGroupStyle": { + "props": [] + } + } + }, + "enumerations": { + "values": { + "CheckboxGroupClasses": { + "members": [ + { + "name": "root", + "optional": false, + "readonly": false, + "value": "\"p-checkbox-group\"", + "description": "Class name of the root element" + } + ] + } + } + } + }, "chip": { "description": "Chip represents people using icons, labels and images.\n\n[Live Demo](https://www.primevue.org/chip)", "components": { @@ -10596,6 +11008,22 @@ "default": "ff0000", "description": "Initial color to display when value is not defined." }, + { + "name": "defaultValue", + "optional": true, + "readonly": false, + "type": "any", + "default": "", + "description": "The default value for the input when not controlled by `modelValue` ." + }, + { + "name": "name", + "optional": true, + "readonly": false, + "type": "string", + "default": "", + "description": "The name attribute for the element, typically used in form submissions." + }, { "name": "inline", "optional": true, @@ -10612,6 +11040,14 @@ "default": "hex", "description": "Format to use in value binding, supported formats are 'hex', 'rgb' and 'hsb'." }, + { + "name": "invalid", + "optional": true, + "readonly": false, + "type": "boolean", + "default": "false", + "description": "When present, it specifies that the component should have invalid state style." + }, { "name": "disabled", "optional": true, @@ -10677,6 +11113,14 @@ "default": "body", "description": "A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are 'body' for document body and 'self' for the element itself." }, + { + "name": "formControl", + "optional": true, + "readonly": false, + "type": "Record", + "default": "", + "description": "Form control object, typically used for handling validation and form state." + }, { "name": "dt", "optional": true, @@ -10735,6 +11179,19 @@ "returnType": "void", "description": "Emitted when the value changes." }, + { + "name": "value-change", + "parameters": [ + { + "name": "value", + "optional": false, + "type": "any", + "description": "New value." + } + ], + "returnType": "void", + "description": "Emitted when the value changes in uncontrolled mode." + }, { "name": "change", "parameters": [ @@ -12919,6 +13376,13 @@ "type": "any", "default": "" }, + { + "name": "checkboxgroup", + "optional": true, + "readonly": false, + "type": "any", + "default": "" + }, { "name": "chip", "optional": true, @@ -13347,6 +13811,13 @@ "type": "any", "default": "" }, + { + "name": "radiobuttongroup", + "optional": true, + "readonly": false, + "type": "any", + "default": "" + }, { "name": "rating", "optional": true, @@ -20894,6 +21365,22 @@ "default": "null", "description": "Value of the component." }, + { + "name": "defaultValue", + "optional": true, + "readonly": false, + "type": "null | Date | Date[] | (null | Date)[]", + "default": "", + "description": "The default value for the input when not controlled by `modelValue` ." + }, + { + "name": "name", + "optional": true, + "readonly": false, + "type": "string", + "default": "", + "description": "The name attribute for the element, typically used in form submissions." + }, { "name": "selectionMode", "optional": true, @@ -21238,14 +21725,6 @@ "default": "", "description": "Placeholder text for the input." }, - { - "name": "name", - "optional": true, - "readonly": false, - "type": "string", - "default": "", - "description": "Name of the element." - }, { "name": "appendTo", "optional": true, @@ -21358,6 +21837,14 @@ "default": "", "description": "Establishes a string value that labels the component." }, + { + "name": "formControl", + "optional": true, + "readonly": false, + "type": "Record", + "default": "", + "description": "Form control object, typically used for handling validation and form state." + }, { "name": "dt", "optional": true, @@ -21610,6 +22097,19 @@ "returnType": "void", "description": "Emitted when the value changes." }, + { + "name": "value-change", + "parameters": [ + { + "name": "value", + "optional": false, + "type": "undefined | null | Date | Date[] | (null | Date)[]", + "description": "New value." + } + ], + "returnType": "void", + "description": "Emitted when the value changes in uncontrolled mode." + }, { "name": "input", "parameters": [ @@ -25533,6 +26033,22 @@ "default": "", "description": "Value of the content." }, + { + "name": "defaultValue", + "optional": true, + "readonly": false, + "type": "any", + "default": "", + "description": "The default value for the input when not controlled by `modelValue` ." + }, + { + "name": "name", + "optional": true, + "readonly": false, + "type": "string", + "default": "", + "description": "The name attribute for the element, typically used in form submissions." + }, { "name": "placeholder", "optional": true, @@ -25549,6 +26065,14 @@ "default": "false", "description": "Whether to instantiate the editor to readonly mode." }, + { + "name": "invalid", + "optional": true, + "readonly": false, + "type": "boolean", + "default": "false", + "description": "When present, it specifies that the component should have invalid state style." + }, { "name": "formats", "optional": true, @@ -25573,6 +26097,14 @@ "default": "", "description": "Modules configuration, see here for available options." }, + { + "name": "formControl", + "optional": true, + "readonly": false, + "type": "Record", + "default": "", + "description": "Form control object, typically used for handling validation and form state." + }, { "name": "dt", "optional": true, @@ -25640,6 +26172,19 @@ "returnType": "void", "description": "Emitted when the value changes." }, + { + "name": "value-change", + "parameters": [ + { + "name": "value", + "optional": false, + "type": "string", + "description": "New value." + } + ], + "returnType": "void", + "description": "Emitted when the value changes in uncontrolled mode." + }, { "name": "text-change", "parameters": [ @@ -33671,6 +34216,22 @@ "default": "", "description": "Value of the component." }, + { + "name": "defaultValue", + "optional": true, + "readonly": false, + "type": "Nullable", + "default": "", + "description": "The default value for the input when not controlled by `modelValue` ." + }, + { + "name": "name", + "optional": true, + "readonly": false, + "type": "string", + "default": "", + "description": "The name attribute for the element, typically used in form submissions." + }, { "name": "format", "optional": true, @@ -33961,6 +34522,14 @@ "default": "", "description": "Establishes a string value that labels the component." }, + { + "name": "formControl", + "optional": true, + "readonly": false, + "type": "Record", + "default": "", + "description": "Form control object, typically used for handling validation and form state." + }, { "name": "dt", "optional": true, @@ -34071,6 +34640,19 @@ "returnType": "void", "description": "Emitted when the value changes." }, + { + "name": "value-change", + "parameters": [ + { + "name": "value", + "optional": false, + "type": "number", + "description": "New value." + } + ], + "returnType": "void", + "description": "Emitted when the value changes in uncontrolled mode." + }, { "name": "input", "parameters": [ @@ -34477,6 +35059,22 @@ "default": "null", "description": "Specifies whether a inputotp should be checked or not." }, + { + "name": "defaultValue", + "optional": true, + "readonly": false, + "type": "string | boolean", + "default": "", + "description": "The default value for the input when not controlled by `modelValue` ." + }, + { + "name": "name", + "optional": true, + "readonly": false, + "type": "string", + "default": "", + "description": "The name attribute for the element, typically used in form submissions." + }, { "name": "invalid", "optional": true, @@ -34541,6 +35139,14 @@ "default": "false", "description": "When present, it specifies that an input field is integer-only." }, + { + "name": "formControl", + "optional": true, + "readonly": false, + "type": "Record", + "default": "", + "description": "Form control object, typically used for handling validation and form state." + }, { "name": "dt", "optional": true, @@ -34613,6 +35219,19 @@ "returnType": "void", "description": "Emitted when the value changes." }, + { + "name": "value-change", + "parameters": [ + { + "name": "value", + "optional": false, + "type": "boolean", + "description": "New value." + } + ], + "returnType": "void", + "description": "Emitted when the value changes in uncontrolled mode." + }, { "name": "change", "parameters": [ @@ -35034,6 +35653,22 @@ "default": "", "description": "Value of the component." }, + { + "name": "defaultValue", + "optional": true, + "readonly": false, + "type": "Nullable", + "default": "", + "description": "The default value for the input when not controlled by `modelValue` ." + }, + { + "name": "name", + "optional": true, + "readonly": false, + "type": "string", + "default": "", + "description": "The name attribute for the element, typically used in form submissions." + }, { "name": "size", "optional": true, @@ -35066,6 +35701,14 @@ "default": "null", "description": "Spans 100% width of the container when enabled." }, + { + "name": "formControl", + "optional": true, + "readonly": false, + "type": "Record", + "default": "", + "description": "Form control object, typically used for handling validation and form state." + }, { "name": "dt", "optional": true, @@ -35125,6 +35768,19 @@ ], "returnType": "void", "description": "Emitted when the value changes." + }, + { + "name": "value-change", + "parameters": [ + { + "name": "value", + "optional": false, + "type": "undefined | string", + "description": "New value." + } + ], + "returnType": "void", + "description": "Emitted when the value changes in uncontrolled mode." } ] } @@ -35684,6 +36340,22 @@ "default": "", "description": "Value of the component." }, + { + "name": "defaultValue", + "optional": true, + "readonly": false, + "type": "any", + "default": "", + "description": "The default value for the input when not controlled by `modelValue` ." + }, + { + "name": "name", + "optional": true, + "readonly": false, + "type": "string", + "default": "", + "description": "The name attribute for the element, typically used in form submissions." + }, { "name": "size", "optional": true, @@ -35692,6 +36364,14 @@ "default": "100", "description": "Size of the component in pixels." }, + { + "name": "invalid", + "optional": true, + "readonly": false, + "type": "boolean", + "default": "false", + "description": "When present, it specifies that the component should have invalid state style." + }, { "name": "disabled", "optional": true, @@ -35803,6 +36483,14 @@ "default": "", "description": "Used to define a string that labels the element." }, + { + "name": "formControl", + "optional": true, + "readonly": false, + "type": "Record", + "default": "", + "description": "Form control object, typically used for handling validation and form state." + }, { "name": "dt", "optional": true, @@ -35855,19 +36543,34 @@ { "name": "value", "optional": false, - "type": "number" + "type": "number", + "description": "New value." } ], "returnType": "void", "description": "Emitted when the value changes." }, + { + "name": "value-change", + "parameters": [ + { + "name": "value", + "optional": false, + "type": "number", + "description": "New value." + } + ], + "returnType": "void", + "description": "Emitted when the value changes in uncontrolled mode." + }, { "name": "change", "parameters": [ { "name": "value", "optional": false, - "type": "number" + "type": "number", + "description": "New value" } ], "returnType": "void", @@ -36409,6 +37112,22 @@ "default": "", "description": "Value of the component." }, + { + "name": "defaultValue", + "optional": true, + "readonly": false, + "type": "any", + "default": "", + "description": "The default value for the input when not controlled by `modelValue` ." + }, + { + "name": "name", + "optional": true, + "readonly": false, + "type": "string", + "default": "", + "description": "The name attribute for the element, typically used in form submissions." + }, { "name": "options", "optional": true, @@ -36681,6 +37400,14 @@ "default": "", "description": "Identifier of the underlying input element." }, + { + "name": "formControl", + "optional": true, + "readonly": false, + "type": "Record", + "default": "", + "description": "Form control object, typically used for handling validation and form state." + }, { "name": "dt", "optional": true, @@ -36844,6 +37571,19 @@ "returnType": "void", "description": "Emitted when the value changes." }, + { + "name": "value-change", + "parameters": [ + { + "name": "value", + "optional": false, + "type": "any", + "description": "New value." + } + ], + "returnType": "void", + "description": "Emitted when the value changes in uncontrolled mode." + }, { "name": "change", "parameters": [ @@ -41105,6 +41845,22 @@ "default": "", "description": "Value of the component." }, + { + "name": "defaultValue", + "optional": true, + "readonly": false, + "type": "any", + "default": "", + "description": "The default value for the input when not controlled by `modelValue` ." + }, + { + "name": "name", + "optional": true, + "readonly": false, + "type": "string", + "default": "", + "description": "The name attribute for the element, typically used in form submissions." + }, { "name": "options", "optional": true, @@ -41515,6 +42271,14 @@ "default": "", "description": "Identifier of the underlying input element." }, + { + "name": "formControl", + "optional": true, + "readonly": false, + "type": "Record", + "default": "", + "description": "Form control object, typically used for handling validation and form state." + }, { "name": "dt", "optional": true, @@ -41783,6 +42547,19 @@ "returnType": "void", "description": "Emitted when the value changes." }, + { + "name": "value-change", + "parameters": [ + { + "name": "value", + "optional": false, + "type": "any", + "description": "New value." + } + ], + "returnType": "void", + "description": "Emitted when the value changes in uncontrolled mode." + }, { "name": "change", "parameters": [ @@ -46743,6 +47520,22 @@ "default": "", "description": "Value of the component." }, + { + "name": "defaultValue", + "optional": true, + "readonly": false, + "type": "Nullable", + "default": "", + "description": "The default value for the input when not controlled by `modelValue` ." + }, + { + "name": "name", + "optional": true, + "readonly": false, + "type": "string", + "default": "", + "description": "The name attribute for the element, typically used in form submissions." + }, { "name": "promptLabel", "optional": true, @@ -46999,6 +47792,14 @@ "default": "", "description": "Establishes a string value that labels the component." }, + { + "name": "formControl", + "optional": true, + "readonly": false, + "type": "Record", + "default": "", + "description": "Form control object, typically used for handling validation and form state." + }, { "name": "dt", "optional": true, @@ -47132,6 +47933,19 @@ "returnType": "void", "description": "Emitted when the value changes." }, + { + "name": "value-change", + "parameters": [ + { + "name": "value", + "optional": false, + "type": "string", + "description": "New value." + } + ], + "returnType": "void", + "description": "Emitted when the value changes in uncontrolled mode." + }, { "name": "change", "parameters": [ @@ -49764,6 +50578,14 @@ "default": "", "description": "Value binding of the checkbox." }, + { + "name": "defaultValue", + "optional": true, + "readonly": false, + "type": "any", + "default": "", + "description": "The default value for the input when not controlled by `modelValue` ." + }, { "name": "name", "optional": true, @@ -49860,6 +50682,14 @@ "default": "", "description": "Establishes a string value that labels the component." }, + { + "name": "formControl", + "optional": true, + "readonly": false, + "type": "Record", + "default": "", + "description": "Form control object, typically used for handling validation and form state." + }, { "name": "dt", "optional": true, @@ -49941,6 +50771,19 @@ "returnType": "void", "description": "Emitted when the value changes." }, + { + "name": "value-change", + "parameters": [ + { + "name": "value", + "optional": false, + "type": "any", + "description": "New value." + } + ], + "returnType": "void", + "description": "Emitted when the value changes in uncontrolled mode." + }, { "name": "change", "parameters": [ @@ -50093,6 +50936,315 @@ } } }, + "radiobuttongroup": { + "description": "RadioButtonGroup is a component that groups multiple radio buttons, allowing users to select only one option from the group.\n\n[Live Demo](https://www.primevue.org/radiobutton/)", + "components": { + "default": { + "description": "RadioButtonGroup is a component that groups multiple radio buttons, allowing users to select only one option from the group.", + "methods": { + "description": "Defines methods that can be accessed by the component's reference.", + "values": [] + } + } + }, + "interfaces": { + "description": "Defines the custom interfaces used by the module.", + "eventDescription": "Defines the custom events used by the component's emit.", + "methodDescription": "Defines methods that can be accessed by the component's reference.", + "typeDescription": "Defines the custom types used by the module.", + "values": { + "RadioButtonGroupPassThroughMethodOptions": { + "description": "Custom passthrough(pt) option method.", + "relatedProp": "", + "props": [ + { + "name": "instance", + "optional": false, + "readonly": false, + "type": "any", + "default": "", + "description": "Defines instance." + }, + { + "name": "props", + "optional": false, + "readonly": false, + "type": "RadioButtonGroupProps", + "default": "", + "description": "Defines valid properties." + }, + { + "name": "attrs", + "optional": false, + "readonly": false, + "type": "any", + "default": "", + "description": "Defines valid attributes." + }, + { + "name": "parent", + "optional": false, + "readonly": false, + "type": "any", + "default": "", + "description": "Defines parent options." + }, + { + "name": "global", + "optional": false, + "readonly": false, + "type": "undefined | object", + "default": "", + "description": "Defines passthrough(pt) options in global config." + } + ], + "methods": [] + }, + "RadioButtonGroupPassThroughOptions": { + "description": "Custom passthrough(pt) options.", + "relatedProp": "RadioButtonGroupProps.pt", + "props": [ + { + "name": "root", + "optional": true, + "readonly": false, + "type": "RadioButtonGroupPassThroughOptionType", + "default": "", + "description": "Used to pass attributes to the root's DOM element." + }, + { + "name": "hooks", + "optional": true, + "readonly": false, + "type": "any", + "default": "", + "description": "Used to manage all lifecycle hooks." + } + ], + "methods": [] + }, + "RadioButtonGroupPassThroughAttributes": { + "description": "Custom passthrough attributes for each DOM elements", + "relatedProp": "", + "props": [ + { + "name": "[key: string]", + "optional": false, + "readonly": false, + "type": "any" + } + ], + "methods": [] + }, + "RadioButtonGroupProps": { + "description": "Defines valid properties in RadioButtonGroup component.", + "relatedProp": "", + "props": [ + { + "name": "modelValue", + "optional": true, + "readonly": false, + "type": "any", + "default": "", + "description": "Value binding of the radiobuttons." + }, + { + "name": "defaultValue", + "optional": true, + "readonly": false, + "type": "any", + "default": "", + "description": "Default values of the radiobuttons in uncontrolled mode." + }, + { + "name": "name", + "optional": true, + "readonly": false, + "type": "string", + "default": "", + "description": "Name of the input elements." + }, + { + "name": "invalid", + "optional": true, + "readonly": false, + "type": "boolean", + "default": "false", + "description": "When present, it specifies that the component should have invalid state style." + }, + { + "name": "formControl", + "optional": true, + "readonly": false, + "type": "any", + "default": "", + "description": "Used to set form control options." + }, + { + "name": "dt", + "optional": true, + "readonly": false, + "type": "any", + "default": "", + "description": "It generates scoped CSS variables using design tokens for the component." + }, + { + "name": "pt", + "optional": true, + "readonly": false, + "type": "PassThrough", + "default": "", + "description": "Used to pass attributes to DOM elements inside the component." + }, + { + "name": "ptOptions", + "optional": true, + "readonly": false, + "type": "any", + "default": "", + "description": "Used to configure passthrough(pt) options of the component." + }, + { + "name": "unstyled", + "optional": true, + "readonly": false, + "type": "boolean", + "default": "false", + "description": "When enabled, it removes component related styles in the core." + } + ], + "methods": [] + }, + "RadioButtonGroupSlots": { + "description": "Defines valid slots in RadioButtonGroup component.", + "relatedProp": "", + "props": [ + { + "name": "default", + "optional": false, + "readonly": false, + "type": "Function", + "default": "" + } + ], + "methods": [] + }, + "RadioButtonGroupEmitsOptions": { + "description": "Defines valid emits in RadioButtonGroup component.", + "relatedProp": "", + "props": [], + "methods": [ + { + "name": "update:modelValue", + "parameters": [ + { + "name": "value", + "optional": false, + "type": "any", + "description": "New value." + } + ], + "returnType": "void", + "description": "Emitted when the value changes." + }, + { + "name": "value-change", + "parameters": [ + { + "name": "value", + "optional": false, + "type": "any", + "description": "New value." + } + ], + "returnType": "void", + "description": "Emitted when the value changes in uncontrolled mode." + } + ] + } + } + }, + "tokens": { + "description": "Define design tokens used by the component.", + "values": { + "RadioButtonGroupPassThroughMethodOptions": { + "description": "Custom passthrough(pt) option method.", + "props": [] + }, + "RadioButtonGroupPassThroughOptions": { + "description": "Custom passthrough(pt) options.", + "props": [] + }, + "RadioButtonGroupPassThroughAttributes": { + "description": "Custom passthrough attributes for each DOM elements", + "props": [] + }, + "RadioButtonGroupProps": { + "description": "Defines valid properties in RadioButtonGroup component.", + "props": [] + }, + "RadioButtonGroupSlots": { + "description": "Defines valid slots in RadioButtonGroup component.", + "props": [] + }, + "RadioButtonGroupEmitsOptions": { + "description": "Defines valid emits in RadioButtonGroup component.", + "props": [] + } + } + }, + "types": { + "description": "Defines the custom types used by the module.", + "values": { + "RadioButtonGroupPassThroughOptionType": { + "values": "RadioButtonGroupPassThroughAttributes | (options: RadioButtonGroupPassThroughMethodOptions) => undefined | string | null | undefined" + }, + "RadioButtonGroupEmits": { + "values": "EmitFn" + } + } + } + }, + "radiobuttongroupstyle": { + "description": "RadioButtonGroup is a component that groups multiple radio buttons, allowing users to select only one option from the group.\n\n[Live Demo](https://www.primevue.org/radiobuttongroup/)", + "interfaces": { + "description": "Defines the custom interfaces used by the module.", + "eventDescription": "Defines the custom events used by the component's emit.", + "methodDescription": "Defines methods that can be accessed by the component's reference.", + "typeDescription": "Defines the custom types used by the module.", + "values": { + "RadioButtonGroupStyle": { + "relatedProp": "", + "props": [], + "methods": [], + "extendedTypes": "default" + } + } + }, + "tokens": { + "description": "Define design tokens used by the component.", + "values": { + "RadioButtonGroupStyle": { + "props": [] + } + } + }, + "enumerations": { + "values": { + "RadioButtonGroupClasses": { + "members": [ + { + "name": "root", + "optional": false, + "readonly": false, + "value": "\"p-radiobutton-group\"", + "description": "Class name of the root element" + } + ] + } + } + } + }, "rating": { "description": "Rating component is a star based selection input.\n\n[Live Demo](https://www.primevue.org/rating/)", "components": { @@ -50330,6 +51482,14 @@ "default": "", "description": "Value of the rating." }, + { + "name": "defaultValue", + "optional": true, + "readonly": false, + "type": "number", + "default": "", + "description": "The default value for the input when not controlled by `modelValue` ." + }, { "name": "name", "optional": true, @@ -50338,6 +51498,14 @@ "default": "", "description": "Name of the element." }, + { + "name": "invalid", + "optional": true, + "readonly": false, + "type": "boolean", + "default": "false", + "description": "When present, it specifies that the component should have invalid state style." + }, { "name": "disabled", "optional": true, @@ -50378,6 +51546,14 @@ "default": "", "description": "Icon for the off state." }, + { + "name": "formControl", + "optional": true, + "readonly": false, + "type": "Record", + "default": "", + "description": "Form control object, typically used for handling validation and form state." + }, { "name": "dt", "optional": true, @@ -50464,6 +51640,19 @@ "returnType": "void", "description": "Emitted when the value changes." }, + { + "name": "value-change", + "parameters": [ + { + "name": "value", + "optional": false, + "type": "number", + "description": "New value." + } + ], + "returnType": "void", + "description": "Emitted when the value changes in uncontrolled mode." + }, { "name": "change", "parameters": [ @@ -52232,6 +53421,22 @@ "default": "", "description": "Value of the component." }, + { + "name": "defaultValue", + "optional": true, + "readonly": false, + "type": "any", + "default": "", + "description": "The default value for the input when not controlled by `modelValue` ." + }, + { + "name": "name", + "optional": true, + "readonly": false, + "type": "string", + "default": "", + "description": "The name attribute for the element, typically used in form submissions." + }, { "name": "options", "optional": true, @@ -52661,6 +53866,14 @@ "default": "", "description": "Identifier of the underlying input element." }, + { + "name": "formControl", + "optional": true, + "readonly": false, + "type": "Record", + "default": "", + "description": "Form control object, typically used for handling validation and form state." + }, { "name": "dt", "optional": true, @@ -52876,6 +54089,19 @@ "returnType": "void", "description": "Emitted when the value changes." }, + { + "name": "value-change", + "parameters": [ + { + "name": "value", + "optional": false, + "type": "any", + "description": "New value." + } + ], + "returnType": "void", + "description": "Emitted when the value changes in uncontrolled mode." + }, { "name": "change", "parameters": [ @@ -53407,6 +54633,22 @@ "default": "", "description": "Value of the component." }, + { + "name": "defaultValue", + "optional": true, + "readonly": false, + "type": "any", + "default": "", + "description": "The default value for the input when not controlled by `modelValue` ." + }, + { + "name": "name", + "optional": true, + "readonly": false, + "type": "string", + "default": "", + "description": "The name attribute for the element, typically used in form submissions." + }, { "name": "options", "optional": true, @@ -53487,6 +54729,14 @@ "default": "", "description": "Identifier of the underlying element." }, + { + "name": "formControl", + "optional": true, + "readonly": false, + "type": "Record", + "default": "", + "description": "Form control object, typically used for handling validation and form state." + }, { "name": "dt", "optional": true, @@ -53560,6 +54810,19 @@ "returnType": "void", "description": "Emitted when the value changes." }, + { + "name": "value-change", + "parameters": [ + { + "name": "value", + "optional": false, + "type": "any", + "description": "New value." + } + ], + "returnType": "void", + "description": "Emitted when the value changes in uncontrolled mode." + }, { "name": "change", "parameters": [ @@ -54296,6 +55559,22 @@ "default": "", "description": "Value of the component." }, + { + "name": "defaultValue", + "optional": true, + "readonly": false, + "type": "number | number[]", + "default": "", + "description": "The default value for the input when not controlled by `modelValue` ." + }, + { + "name": "name", + "optional": true, + "readonly": false, + "type": "string", + "default": "", + "description": "The name attribute for the element, typically used in form submissions." + }, { "name": "min", "optional": true, @@ -54336,6 +55615,14 @@ "default": "false", "description": "When speficed, allows two boundary values to be picked." }, + { + "name": "invalid", + "optional": true, + "readonly": false, + "type": "boolean", + "default": "false", + "description": "When present, it specifies that the component should have invalid state style." + }, { "name": "disabled", "optional": true, @@ -54368,6 +55655,14 @@ "default": "", "description": "Used to define a string that labels the element." }, + { + "name": "formControl", + "optional": true, + "readonly": false, + "type": "Record", + "default": "", + "description": "Form control object, typically used for handling validation and form state." + }, { "name": "dt", "optional": true, @@ -54427,6 +55722,19 @@ "returnType": "void", "description": "Emitted when the value changes." }, + { + "name": "value-change", + "parameters": [ + { + "name": "value", + "optional": false, + "type": "number | number[]", + "description": "New value." + } + ], + "returnType": "void", + "description": "Emitted when the value changes in uncontrolled mode." + }, { "name": "change", "parameters": [ @@ -56841,7 +58149,7 @@ "name": "as", "optional": true, "readonly": false, - "type": "string | Component", + "type": "string | Component", "default": "BUTTON", "description": "Use to change the HTML tag of root element." }, @@ -57614,7 +58922,7 @@ "name": "as", "optional": true, "readonly": false, - "type": "string | Component", + "type": "string | Component", "default": "BUTTON", "description": "Use to change the HTML tag of root element." }, @@ -59086,7 +60394,7 @@ "name": "as", "optional": true, "readonly": false, - "type": "string | Component", + "type": "string | Component", "default": "BUTTON", "description": "Use to change the HTML tag of root element." }, @@ -60252,7 +61560,7 @@ "name": "as", "optional": true, "readonly": false, - "type": "string | Component", + "type": "string | Component", "default": "DIV", "description": "Use to change the HTML tag of root element." }, @@ -62179,6 +63487,22 @@ "default": "", "description": "Value of the component." }, + { + "name": "defaultValue", + "optional": true, + "readonly": false, + "type": "Nullable", + "default": "", + "description": "The default value for the input when not controlled by `modelValue` ." + }, + { + "name": "name", + "optional": true, + "readonly": false, + "type": "string", + "default": "", + "description": "The name attribute for the element, typically used in form submissions." + }, { "name": "autoResize", "optional": true, @@ -62211,6 +63535,14 @@ "default": "null", "description": "Spans 100% width of the container when enabled." }, + { + "name": "formControl", + "optional": true, + "readonly": false, + "type": "Record", + "default": "", + "description": "Form control object, typically used for handling validation and form state." + }, { "name": "dt", "optional": true, @@ -62265,7 +63597,21 @@ "default": "" } ], - "methods": [] + "methods": [ + { + "name": "value-change", + "parameters": [ + { + "name": "value", + "optional": false, + "type": "string", + "description": "New value." + } + ], + "returnType": "void", + "description": "Emitted when the value changes in uncontrolled mode." + } + ] } } }, @@ -64503,6 +65849,22 @@ "default": "false", "description": "Value of the component." }, + { + "name": "defaultValue", + "optional": true, + "readonly": false, + "type": "boolean", + "default": "", + "description": "The default value for the input when not controlled by `modelValue` ." + }, + { + "name": "name", + "optional": true, + "readonly": false, + "type": "string", + "default": "", + "description": "The name attribute for the element, typically used in form submissions." + }, { "name": "onIcon", "optional": true, @@ -64583,6 +65945,14 @@ "default": "", "description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs." }, + { + "name": "formControl", + "optional": true, + "readonly": false, + "type": "Record", + "default": "", + "description": "Form control object, typically used for handling validation and form state." + }, { "name": "dt", "optional": true, @@ -64662,6 +66032,19 @@ "returnType": "void", "description": "Emitted when the value changes." }, + { + "name": "value-change", + "parameters": [ + { + "name": "value", + "optional": false, + "type": "boolean", + "description": "New value." + } + ], + "returnType": "void", + "description": "Emitted when the value changes in uncontrolled mode." + }, { "name": "change", "parameters": [ @@ -64948,6 +66331,22 @@ "default": "false", "description": "Specifies whether a toggleswitch should be checked or not." }, + { + "name": "defaultValue", + "optional": true, + "readonly": false, + "type": "string | boolean", + "default": "", + "description": "The default value for the input when not controlled by `modelValue` ." + }, + { + "name": "name", + "optional": true, + "readonly": false, + "type": "string", + "default": "", + "description": "The name attribute for the element, typically used in form submissions." + }, { "name": "trueValue", "optional": true, @@ -65036,6 +66435,14 @@ "default": "", "description": "Establishes a string value that labels the component." }, + { + "name": "formControl", + "optional": true, + "readonly": false, + "type": "Record", + "default": "", + "description": "Form control object, typically used for handling validation and form state." + }, { "name": "dt", "optional": true, @@ -65131,6 +66538,19 @@ "returnType": "void", "description": "Emitted when the value changes." }, + { + "name": "value-change", + "parameters": [ + { + "name": "value", + "optional": false, + "type": "boolean", + "description": "New value." + } + ], + "returnType": "void", + "description": "Emitted when the value changes in uncontrolled mode." + }, { "name": "change", "parameters": [ @@ -67456,6 +68876,22 @@ "default": "", "description": "Value of the component." }, + { + "name": "defaultValue", + "optional": true, + "readonly": false, + "type": "any", + "default": "", + "description": "The default value for the input when not controlled by `modelValue` ." + }, + { + "name": "name", + "optional": true, + "readonly": false, + "type": "string", + "default": "", + "description": "The name attribute for the element, typically used in form submissions." + }, { "name": "options", "optional": true, @@ -67688,6 +69124,14 @@ "default": "", "description": "Establishes a string value that labels the component." }, + { + "name": "formControl", + "optional": true, + "readonly": false, + "type": "Record", + "default": "", + "description": "Form control object, typically used for handling validation and form state." + }, { "name": "dt", "optional": true, @@ -67873,6 +69317,19 @@ "returnType": "void", "description": "Emitted when the value changes." }, + { + "name": "value-change", + "parameters": [ + { + "name": "value", + "optional": false, + "type": "any", + "description": "New value." + } + ], + "returnType": "void", + "description": "Emitted when the value changes in uncontrolled mode." + }, { "name": "update:expandedKeys", "parameters": [ diff --git a/apps/showcase/doc/forms/AccessibilityDoc.vue b/apps/showcase/doc/forms/AccessibilityDoc.vue new file mode 100644 index 000000000..ffa9ca937 --- /dev/null +++ b/apps/showcase/doc/forms/AccessibilityDoc.vue @@ -0,0 +1,9 @@ + diff --git a/apps/showcase/doc/forms/BasicDoc.vue b/apps/showcase/doc/forms/BasicDoc.vue new file mode 100644 index 000000000..1e1477be6 --- /dev/null +++ b/apps/showcase/doc/forms/BasicDoc.vue @@ -0,0 +1,115 @@ + + + diff --git a/apps/showcase/doc/forms/DynamicDoc.vue b/apps/showcase/doc/forms/DynamicDoc.vue new file mode 100644 index 000000000..488b7ba07 --- /dev/null +++ b/apps/showcase/doc/forms/DynamicDoc.vue @@ -0,0 +1,267 @@ + + + diff --git a/apps/showcase/doc/forms/ImportDoc.vue b/apps/showcase/doc/forms/ImportDoc.vue new file mode 100644 index 000000000..e6b51a67a --- /dev/null +++ b/apps/showcase/doc/forms/ImportDoc.vue @@ -0,0 +1,18 @@ + + + diff --git a/apps/showcase/doc/forms/RegisterDoc.vue b/apps/showcase/doc/forms/RegisterDoc.vue new file mode 100644 index 000000000..3ae6a2496 --- /dev/null +++ b/apps/showcase/doc/forms/RegisterDoc.vue @@ -0,0 +1,125 @@ + + + + diff --git a/apps/showcase/doc/forms/ResolversDoc.vue b/apps/showcase/doc/forms/ResolversDoc.vue new file mode 100644 index 000000000..f93e577e0 --- /dev/null +++ b/apps/showcase/doc/forms/ResolversDoc.vue @@ -0,0 +1,271 @@ + + + diff --git a/apps/showcase/doc/forms/StatesDoc.vue b/apps/showcase/doc/forms/StatesDoc.vue new file mode 100644 index 000000000..cfda8435d --- /dev/null +++ b/apps/showcase/doc/forms/StatesDoc.vue @@ -0,0 +1,119 @@ + + + diff --git a/apps/showcase/doc/forms/SubmitDoc.vue b/apps/showcase/doc/forms/SubmitDoc.vue new file mode 100644 index 000000000..535d790a7 --- /dev/null +++ b/apps/showcase/doc/forms/SubmitDoc.vue @@ -0,0 +1,169 @@ + + + diff --git a/apps/showcase/doc/forms/dynamic/DynamicForm.vue b/apps/showcase/doc/forms/dynamic/DynamicForm.vue new file mode 100644 index 000000000..e2ef7a428 --- /dev/null +++ b/apps/showcase/doc/forms/dynamic/DynamicForm.vue @@ -0,0 +1,65 @@ + + + diff --git a/apps/showcase/doc/forms/dynamic/DynamicFormControl.vue b/apps/showcase/doc/forms/dynamic/DynamicFormControl.vue new file mode 100644 index 000000000..0d30aaa3c --- /dev/null +++ b/apps/showcase/doc/forms/dynamic/DynamicFormControl.vue @@ -0,0 +1,43 @@ + + + diff --git a/apps/showcase/doc/forms/dynamic/DynamicFormField.vue b/apps/showcase/doc/forms/dynamic/DynamicFormField.vue new file mode 100644 index 000000000..b4d8f1976 --- /dev/null +++ b/apps/showcase/doc/forms/dynamic/DynamicFormField.vue @@ -0,0 +1,26 @@ + + + diff --git a/apps/showcase/doc/forms/dynamic/DynamicFormLabel.vue b/apps/showcase/doc/forms/dynamic/DynamicFormLabel.vue new file mode 100644 index 000000000..c22fe1e8b --- /dev/null +++ b/apps/showcase/doc/forms/dynamic/DynamicFormLabel.vue @@ -0,0 +1,21 @@ + + + diff --git a/apps/showcase/doc/forms/dynamic/DynamicFormMessage.vue b/apps/showcase/doc/forms/dynamic/DynamicFormMessage.vue new file mode 100644 index 000000000..825b70877 --- /dev/null +++ b/apps/showcase/doc/forms/dynamic/DynamicFormMessage.vue @@ -0,0 +1,54 @@ + + + diff --git a/apps/showcase/doc/forms/dynamic/DynamicFormSubmit.vue b/apps/showcase/doc/forms/dynamic/DynamicFormSubmit.vue new file mode 100644 index 000000000..c00c568ed --- /dev/null +++ b/apps/showcase/doc/forms/dynamic/DynamicFormSubmit.vue @@ -0,0 +1,19 @@ + + + diff --git a/apps/showcase/doc/forms/pt/PTViewer.vue b/apps/showcase/doc/forms/pt/PTViewer.vue new file mode 100644 index 000000000..0150b382d --- /dev/null +++ b/apps/showcase/doc/forms/pt/PTViewer.vue @@ -0,0 +1,37 @@ + + + diff --git a/apps/showcase/doc/forms/pt/index.vue b/apps/showcase/doc/forms/pt/index.vue new file mode 100644 index 000000000..620ee4f5c --- /dev/null +++ b/apps/showcase/doc/forms/pt/index.vue @@ -0,0 +1,35 @@ + + + diff --git a/apps/showcase/doc/forms/theming/TailwindDoc.vue b/apps/showcase/doc/forms/theming/TailwindDoc.vue new file mode 100644 index 000000000..4daa6c5f8 --- /dev/null +++ b/apps/showcase/doc/forms/theming/TailwindDoc.vue @@ -0,0 +1,8 @@ + diff --git a/apps/showcase/doc/forms/theming/index.vue b/apps/showcase/doc/forms/theming/index.vue new file mode 100644 index 000000000..63c317d8a --- /dev/null +++ b/apps/showcase/doc/forms/theming/index.vue @@ -0,0 +1,49 @@ + + + diff --git a/apps/showcase/pages/forms/index.vue b/apps/showcase/pages/forms/index.vue new file mode 100644 index 000000000..09103037e --- /dev/null +++ b/apps/showcase/pages/forms/index.vue @@ -0,0 +1,67 @@ + + + diff --git a/apps/showcase/tsconfig.json b/apps/showcase/tsconfig.json index f626a2fec..65b46adf0 100644 --- a/apps/showcase/tsconfig.json +++ b/apps/showcase/tsconfig.json @@ -15,6 +15,6 @@ "jsx": "preserve", "incremental": true }, - "include": ["../../packages/primevue/src/**/*.d.ts", "../../packages/primevue/src/**/style/*.d.ts", "../../packages/themes/types", "../packages/themes/src/**/**/index.js"], + "include": ["../../packages/primevue/src/**/*.d.ts", "../../packages/primevue/src/**/style/*.d.ts", "../../packages/themes/types", "../packages/themes/src/**/**/index.js", "../packages/form/src/**/*.d.ts"], "exclude": ["node_modules", "**/node_modules", "**/dist"] } diff --git a/apps/showcase/typedoc.json b/apps/showcase/typedoc.json index 032d511bd..a5306e0d3 100644 --- a/apps/showcase/typedoc.json +++ b/apps/showcase/typedoc.json @@ -1,5 +1,5 @@ { "$schema": "https://typedoc.org/schema.json", - "entryPoints": ["../../packages/primevue", "../../packages/themes"], + "entryPoints": ["../../packages/primevue", "../../packages/themes", "../../packages/form"], "sort": ["source-order"] }