Typix LogoTypix
Extensions

Floating Link

Floating inline link editor with edit + remove actions

When the cursor lands on a link node, a small floating toolbar appears showing the URL with edit and remove buttons. No modal, no toolbar hunting.

Install

pnpm add @typix-editor/extension-floating-link

Live demo

Custom render

FloatingLinkUI accepts a children render prop for fully custom UI:

<FloatingLinkUI>
  {({ url, setUrl, isEditing, beginEdit, confirm, cancel, remove }) => (
    /* your own JSX */
  )}
</FloatingLinkUI>

Vendor the UI

npx typix ui add floating-link

On this page