Inline Edit

Live Editor

function InlineEditDemo() {
  return (
    <ThemeProvider>
      <InlineEdit
        value="Quarterly release notes"
        placeholder="Add a title"
        onSave={(detail) => console.log(detail.value)}
        onCancel={(value) => console.log(value)}
      />
    </ThemeProvider>
  );
}

Result

Loading...

Key Props

value, placeholder, editing, multiline, disabled, readOnly, name, onChange, onValueChange, onSave, onCancel