diff --git a/plugins/techdocs-module-addons-contrib/src/plugin.ts b/plugins/techdocs-module-addons-contrib/src/plugin.ts index 06fa7db07d..37de4113bf 100644 --- a/plugins/techdocs-module-addons-contrib/src/plugin.ts +++ b/plugins/techdocs-module-addons-contrib/src/plugin.ts @@ -82,9 +82,74 @@ export const ExpandableNavigation = techdocsModuleAddonsContribPlugin.provide( /** * TechDocs addon that lets you select text and open GitHub/Gitlab issues * + * @remarks + * Before using it, you should set up an `edit_uri` for your pages as explained {@link https://backstage.io/docs/features/techdocs/faqs#is-it-possible-for-users-to-suggest-changes-or-provide-feedback-on-a-techdocs-page | here} and remember, it only works for Github or Gitlab. + * + * @example + * Here's a simple example: + * ``` + * import { + * DefaultTechDocsHome, + * TechDocsIndexPage, + * TechDocsReaderPage, + * } from '@backstage/plugin-techdocs'; + * import { TechDocsAddons } from '@backstage/plugin-techdocs-react/alpha'; + * import { ReportIssue } from '@backstage/plugin-techdocs-module-addons-contrib'; + * + * + * const AppRoutes = () => { + * + * // other plugin routes + * }> + * + * + * } + * > + * + * + * + * + * ; + * }; + * ``` + * + * @example + * Here's an example with `debounceTime` and `templateBuilder` props: + * ``` + * import { + * DefaultTechDocsHome, + * TechDocsIndexPage, + * TechDocsReaderPage, + * } from '@backstage/plugin-techdocs'; + * import { TechDocsAddons } from '@backstage/plugin-techdocs-react/alpha'; + * import { ReportIssue } from '@backstage/plugin-techdocs-module-addons-contrib'; + * + * const templateBuilder = ({ selection }: ReportIssueTemplateBuilder) => (({ + * title: 'Custom issue title', + * body: `Custom issue body: ${selection.toString()}` + * })) + * + * const AppRoutes = () => { + * + * // other plugin routes + * }> + * + * + * } + * > + * + * + * + * + * ; + * ``` + * @param props - Object that can optionally contain `debounceTime` and `templateBuilder` properties. * @public */ - export const ReportIssue = techdocsModuleAddonsContribPlugin.provide( createTechDocsAddonExtension({ name: 'ReportIssue',