Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA page heading that edits in place, refuses an empty name and keeps the browser tab title in sync with what was saved.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use this when the page is one document or record that the person owns and renames often: a doc, a board, a report.
Do not use it when titles are generated or rarely change, or renaming has consequences elsewhere (links, URLs) that need a confirmation step.
It composes inline-edit, which the CLI installs for you.
import { InlineEditPageTitle } from "@/components/inline-edit-page-title"<InlineEditPageTitle
title={doc.title}
tabSuffix=" - Acme"
onRename={(next) => api.rename(doc.id, next)}
/>| Prop | Type | Required | Description |
|---|---|---|---|
title | string | required | - |
onRename | (next: string) => void | Promise<void> | required | - |
tabSuffix | string | optional | Suffix for the tab title, for example " - Acme". |
The pattern ships with a Testing Library test (inline-edit-page-title.test.tsx) that covers the h1 and tab title, refusing an empty title and renaming.