Skip to content

Commit f5072ae

Browse files
Add information specifically to FieldTypes page
1 parent a24001e commit f5072ae

File tree

1 file changed

+12
-0
lines changed

1 file changed

+12
-0
lines changed

16/umbraco-forms/developer/extending/adding-a-fieldtype.md

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -172,6 +172,18 @@ With Forms 14+, aspects of the presentation and functionality of the custom fiel
172172

173173
To create custom backoffice components for Umbraco 14, it's recommended to use a front-end build setup using Vite, TypeScript, and Lit. For more information, see the [Extension with Vite, TypeScript, and Lit](https://app.gitbook.com/s/G1Byxw7XfiZAj8zDMCTD/tutorials/creating-your-first-extension#extension-with-vite-typescript-and-lit) article.
174174

175+
The examples here are using the `@umbraco-forms/backoffice` package to get access to Forms-specific types and contexts. It is recommended to install this package as a development dependency in your project.
176+
177+
{% hint style="warning" %}
178+
Ensure that you install the version of the Backoffice package compatible with your Umbraco Forms installation. You can find the appropriate version on the [@umbraco-forms/backoffice npm page](https://www.npmjs.com/package/@umbraco-forms/backoffice).
179+
{% endhint %}
180+
181+
```bash
182+
npm install -D @umbraco-forms/[email protected]
183+
```
184+
185+
This will add a package to your devDependencies containing the TypeScript definitions for Umbraco Forms.
186+
175187
To display a name and description on a custom field, you need to register a JavaScript file as shown in the [Localization](https://app.gitbook.com/s/7MBVdnTbFiAgWuRsHpNS/customizing/extending-overview/extension-types/localization) article.
176188

177189
### Field Preview

0 commit comments

Comments
 (0)