diff --git a/packages/builder/src/components/design/AppPreview/componentStructure.json b/packages/builder/src/components/design/AppPreview/componentStructure.json
index bae4b009e9..16109b5a96 100644
--- a/packages/builder/src/components/design/AppPreview/componentStructure.json
+++ b/packages/builder/src/components/design/AppPreview/componentStructure.json
@@ -12,6 +12,7 @@
"fieldgroup",
"stringfield",
"numberfield",
+ "passwordfield",
"optionsfield",
"booleanfield",
"longformfield",
diff --git a/packages/standard-components/manifest.json b/packages/standard-components/manifest.json
index 3843fe9dd3..14b20dd9ad 100644
--- a/packages/standard-components/manifest.json
+++ b/packages/standard-components/manifest.json
@@ -1295,6 +1295,34 @@
}
]
},
+ "passwordfield": {
+ "name": "Password Field",
+ "icon": "ri-lock-password-line",
+ "styleable": true,
+ "settings": [
+ {
+ "type": "field/string",
+ "label": "Field",
+ "key": "field"
+ },
+ {
+ "type": "text",
+ "label": "Label",
+ "key": "label"
+ },
+ {
+ "type": "text",
+ "label": "Placeholder",
+ "key": "placeholder"
+ },
+ {
+ "type": "boolean",
+ "label": "Disabled",
+ "key": "disabled",
+ "defaultValue": false
+ }
+ ]
+ },
"optionsfield": {
"name": "Options Picker",
"icon": "ri-file-list-line",
diff --git a/packages/standard-components/src/forms/PasswordField.svelte b/packages/standard-components/src/forms/PasswordField.svelte
new file mode 100644
index 0000000000..71edd4f97f
--- /dev/null
+++ b/packages/standard-components/src/forms/PasswordField.svelte
@@ -0,0 +1,5 @@
+
+
+
diff --git a/packages/standard-components/src/forms/index.js b/packages/standard-components/src/forms/index.js
index 3998424db3..fed371278b 100644
--- a/packages/standard-components/src/forms/index.js
+++ b/packages/standard-components/src/forms/index.js
@@ -8,3 +8,4 @@ export { default as longformfield } from "./LongFormField.svelte"
export { default as datetimefield } from "./DateTimeField.svelte"
export { default as attachmentfield } from "./AttachmentField.svelte"
export { default as relationshipfield } from "./RelationshipField.svelte"
+export { default as passwordfield } from "./PasswordField.svelte"