Settings
Ghlactive keys
A list of saved GoHighLevel API key connections, each shown as a renameable label with a delete affordance and a masked key string.
Available
Ports as-is
Examples
Rendered live from the maintained Storybook story. Lantern stores only the story id and embeds Storybook rather than duplicating the component or its demo.
Ghlactive keys
Rendered live from Storybook
Storybook must be running for this to load — bun run start:storybook from the monorepo root, or set NEXT_PUBLIC_STORYBOOK_URL to a deployed instance.
Props
The component's public API, read from its TypeScript source. Descriptions come from TSDoc on the prop, so this table cannot drift from the component.
| Prop | Type | Default | Description |
|---|---|---|---|
keys* | SavedApiKey[] | — | Undocumented — add TSDoc to the prop in the library. |
onRename | (id: string, newLabel: string) => void | — | Fired with the key id and its trimmed new label. |
onRequestDelete | (key: SavedApiKey) => void | — | Fired when the row's trash affordance is used. The host owns the confirm flow. |
initialEditingId | string | null | null | Lifts the "which row is in edit mode" state so the editing row is a static story rather than something you have to click into. |
editingId | string | null | — | Controlled edit target. Supply with `onEditingIdChange`. |
onEditingIdChange | (id: string | null) => void | — | Undocumented — add TSDoc to the prop in the library. |
autoFocus | boolean | true | Focus the field when a row enters edit mode. Gallery stories turn this off. |
className | string | — | Undocumented — add TSDoc to the prop in the library. |
Reference
Transcribed from the component audit. If this disagrees with the source, the source is right.
- Source
src/components/settings/ghl/GHLActiveKeys.tsx- Portability
- Copies across unchanged — only the utils import path moves.
- Notes
- Use it to display previously saved GoHighLevel keys under Apps > GoHighLevel; it renders nothing when the key list is empty, so the surrounding panel must supply its own empty state. It never displays or accepts a real credential, only a caller-supplied masked string.