ZuploZuplo
LoginSign Up
  • Documentation
  • API Reference
Introduction
Getting Started
    Develop using the Portal
      1 - Setup Your Gateway2 - Rate Limiting3 - API Key Auth4 - Deploy5 - Dynamic Rate LimitingMCP - Quick start
    Develop Locally
      1 - Setup Your Gateway2 - Rate Limiting3 - API Key Auth
Concepts
Development
Policies
Handlers
API Keys
MCP Server
MCP Gateway
AI Gateway
Developer Portal
    IntroductionLocal DevelopmentUpdating VersionsNode Modules & Customization
    Configuration
    Writing
    OpenAPI
    Authentication
    Integrations
    Guides
    Extending
    Components
      General
      Documentation
        CodeTabsMermaidAPI PlaygroundSecretStepperSyntax Highlight
      Form
      Utility
Monetization
Deploying & Source Control
Observability
Networking & Infrastructure
Account Management
Programming API
Build with AI
Zuplo CLI
Migration Guides
Platform LimitsSecuritySupportTrust & ComplianceChangelog
powered by Zudoku
Documentation

Secret

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

Import

Code
import { Secret } from "zudoku/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
Edit this page
Last modified on May 29, 2026
API PlaygroundStepper
On this page
  • Import
  • Usage
React
React