From df1504c9ca657facc3065feb5ea238a10ab45f43 Mon Sep 17 00:00:00 2001 From: blam Date: Mon, 30 Aug 2021 13:52:36 +0200 Subject: [PATCH] chore: added some more lines of documentation Signed-off-by: blam --- .../writing-custom-field-extensions.md | 14 ++++++++------ 1 file changed, 8 insertions(+), 6 deletions(-) diff --git a/docs/features/software-templates/writing-custom-field-extensions.md b/docs/features/software-templates/writing-custom-field-extensions.md index 56c7310809..e32aa4e78d 100644 --- a/docs/features/software-templates/writing-custom-field-extensions.md +++ b/docs/features/software-templates/writing-custom-field-extensions.md @@ -21,12 +21,14 @@ Field extensions are a way to combine an ID, a `React` Component and a `validation` function together in a modular way that you can then use to pass to the `Scaffolder` frontend plugin in your own `App.tsx`. -You can create your own Field Extension by using the `createScaffolderFieldExtension` `API` like below: +You can create your own Field Extension by using the +`createScaffolderFieldExtension` `API` like below: ```tsx -//packages/app/scaffolder/ -const CustomFieldExtensionComponent = () => { - -} - +//packages/app/scaffolder/MyCustomExtension/MyCustomExtension.tsx +export const MyCustomExtension = () => {}; +``` +```tsx +// packages/app/scaffolder/MyCustomExtension/validation.ts +```