Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA file name that edits without its extension, rejects characters files cannot contain and shows the extension as fixed text.
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 a file manager, media library or attachment list lets people rename files and a lost extension would break how the file opens.
Do not use it when people legitimately change the file type (converting formats), or names are free text with no file semantics.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Required | Description |
|---|---|---|---|
fileName | string | required | Full file name, for example "report.final.pdf". |
onRename | (nextFileName: string) => void | Promise<void> | required | - |
The pattern ships with a Testing Library test (inline-edit-file-rename.test.tsx) that covers keeping the extension, rejecting reserved characters and dotfiles.