consul/ui/packages/consul-ui/app/components/certificate
John Cowen b84ee47ff0
ui: Fix brand coloring for inline-code plus docs (#11578)
* ui: Fix brand coloring for inline-code plus docs

Also use --tones instead of --black/--white (#11601)

Co-authored-by: Evan Rowe <ev.rowe@gmail.com>
2021-11-23 18:32:11 +00:00
..
README.mdx ui: Add a README to the new Certificate component (#9908) 2021-03-23 09:22:09 -04:00
index.hbs ui: Auth Methods- Updates to certificate and empty state in show page (#9895) 2021-03-18 11:18:23 -04:00
index.js
index.scss ui: Fix brand coloring for inline-code plus docs (#11578) 2021-11-23 18:32:11 +00:00

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)

---