open-consul/ui/packages/consul-ui/app/components/certificate
Kenia 5b4ca28c0a
ui: Add a README to the new Certificate component (#9908)
2021-03-23 09:22:09 -04:00
..
README.mdx
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)

---