consul

History

Kenia 232921b60e ui: Add a README to the new Certificate component (#9908 )		2021-03-23 09:22:09 -04:00
..
README.mdx	ui: Add a README to the new Certificate component (#9908 )	2021-03-23 09:22:09 -04:00
index.hbs	…
index.js	…
index.scss	…

README.mdx

# 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)

---