Developer portal · developer-portal §6.2

Copy field

A labelled monospace value with a copy button.

Theme
Contrast
Language
Motion
Text size

Code

<CopyField label="Client id" value={clientId} t={t} />

Accessibility

  • The copy button is named after the value it copies.
  • Copy is announced through a polite live region.

Usage

Do

  • Use it for client ids, URLs, the JWKS URL and request ids.

Don't

  • Never use it for a secret (use Secret reveal).

Platforms

Web
iOS
Web only (no native developer portal)
Android
Web only (no native developer portal)