Skip to content
Lantern

Settings

Inline rename

Edit a name in place: display until invited to edit, then a field, with optional delete.
Open in Storybook
Available
Ports as-is

Examples

This component's Storybook stories, embedded. They are the maintained source for its states, so Lantern shows them rather than keeping a duplicate set.

Inline rename

Rendered live from Storybook

Storybook must be running for this to load — npm run storybook from the repo root, or set NEXT_PUBLIC_STORYBOOK_URL to a deployed instance.

Reference

Transcribed from the component audit. If this disagrees with the source, the source is right.

Source
src/components/settings/InlineRename.tsx
Portability
Copies across unchanged — only the utils import path moves.
States to cover
displayeditingwith custom actionsempty placeholder
Props the port adds
editing / onEditingChange for a controlled view, or initialEditing to render either state statically
Notes
The shared extraction the audit called for — GHLAccountCard and GHLActiveKeys each had their own copy.