Blocks
API key lifecycle panel
Inspect a sample API credential and move through rotation and revocation confirmation states.
Using API key lifecycle panel
Inspect a sample API credential and move through rotation and revocation confirmation states.
Inspect a sample API credential and move through rotation and revocation confirmation states. For controlled React use, pass value and onChange; onAction receives the action and resulting state. Use defaultValue for a local draft.
Rotate the sample to version two, reveal it, and confirm revocation to disable further key actions. This example only updates local draft state.
The displayed key is intentionally nonfunctional. Rotation and revocation must be implemented on the server for real credentials.
Props: accent, status
How does the application receive changes?
For controlled React use, pass value and onChange; onAction receives the action and resulting state. Use defaultValue for a local draft.
Which frameworks are available?
The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.
How do I access the implementation?
Source, ports, install and the props panel are included with Fieldbook Pro. The live preview is open to everyone.