function InlineEdit
InlineEdit(unnamed 0: InlineEditProps): React.JSX.Element

Renders children, which a click on them, or the ✎ button after them, swaps for a field holding value, with Save and Cancel under it. The ✎ shows on hover and on keyboard focus. A click on a link in the text, or one that ends a selection, follows the link or keeps the selection instead. Closing the field gives the focus back to the ✎ when the field had it.

Parameters

Return Type

React.JSX.Element

Usage

import { InlineEdit } from "src/components/form/InlineEdit.tsx";