APIToGoAPIToGo
Visit APIToGo on LinkedIn
  • Documentation
  • Components
  • Themes
General
Documentation
    CodeTabsMermaidAPI PlaygroundSecretStepperSyntax Highlight
Form
Utility
powered by apitogo
Documentation

Secret

The Secret component can be used to display secrets, typically API keys, in your APIToGo application.

Import

Code
import { Secret } from "@lukoweb/apitogo/ui/Secret";

Usage

Code
<Secret secret="pkcd_this-is-a-never-01K1DASDXXQDA9S6GKASKYAFSDH" status="active" preview={5} onCopy={(secret) => { console.log("Copied secret:", secret); }} onReveal={(revealed) => { console.log("Revealed:", revealed); }} />
•••• •••• •••• •••• •••• •••• •••• •••• •••AFSDH
•••• •••• •••• •••• •••• •••• •••• •••• •••YSDXX
•••• •••• •••• •••• •••• •••• •••• •••• •••E5KAS
•••• •••• •••• •••• •••• •••• •••• •••• •••1SFSR
•••• •••• •••• •••• •••• •••• •••• •••• •••1SFSR
•••• •••• •••• •••• •••• •••• •••• •••• •••KASKY
Client ID
client-id-01985b58-d7af-71eb-a27e-b2062935ece4
Client Secret
•••• •••• •••• •••• •••• •••• •••• •••• •••KASKY
Last modified on March 31, 2026
API PlaygroundStepper
On this page
  • Import
  • Usage
React
React