diff --git a/ui/packages/consul-ui/app/components/certificate/README.mdx b/ui/packages/consul-ui/app/components/certificate/README.mdx
new file mode 100644
index 0000000000..34dd1bb359
--- /dev/null
+++ b/ui/packages/consul-ui/app/components/certificate/README.mdx
@@ -0,0 +1,31 @@
+# Certificate
+
+```hbs preview-template
+<Certificate
+  @item="-----BEGIN CERTIFICATE-----
+  MIIH/TCCBeWgAwIBAgIQaBYE3/M08XHYCnNVmcFBcjANBgkqhkiG9w0BAQsFADBy
+  MQswCQYDVQQGEwJVUzEOMAwGA1UECAwFVGV4YXMxEDAOBgNVBAcMB0hvdXN0b24x
+  ETAPBgNVBAoMCFNTTCBDb3JwMS4wLAYDVQQDDCVTU0wuY29tIEVWIFNTTCBJbnRl
+  -----END CERTIFICATE-----"
+  @name="certificate-name"
+/>
+```
+
+### Arguments
+
+| Argument | Type | Default | Description |
+| --- | --- | --- | --- |
+| `item` | `String` | | The certificate as a string to be displayed and copied |
+| `name` | `String` | | The 'Name' of the certificate to be displayed and copied. Mainly used for giving feedback to the user. |
+
+This component has the following:
+- a copy button
+- a visibility button to show and hide certificate
+- a hidden and visible display of the certificate
+
+### See
+
+- [Component Source Code](./index.js)
+- [Template Source Code](./index.hbs)
+
+---