1 files changed, 28 insertions, 0 deletions
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/doc/doc.component.ts b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/doc/doc.component.ts
new file mode 100644
index 000000000..6dffc360b
--- /dev/null
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/doc/doc.component.ts
@@ -0,0 +1,28 @@
+import { Component, Input, OnInit } from '@angular/core';
+
+import { DocService } from '~/app/shared/services/doc.service';
+
+@Component({
+  selector: 'cd-doc',
+  templateUrl: './doc.component.html',
+  styleUrls: ['./doc.component.scss']
+})
+export class DocComponent implements OnInit {
+  @Input() section: string;
+  @Input() docText = $localize`documentation`;
+  @Input() noSubscribe: boolean;
+
+  docUrl: string;
+
+  constructor(private docService: DocService) {}
+
+  ngOnInit() {
+    if (this.noSubscribe) {
+      this.docUrl = this.docService.urlGenerator(this.section);
+    } else {
+      this.docService.subscribeOnce(this.section, (url: string) => {
+        this.docUrl = url;
+      });
+    }
+  }
+}