Material-ui: new component Editable label

[roxdavirox]

Hey there, I've created a new component that you can click into a label and its render a editable inline input for the label.

it is important when you want to edit a title component without use a dialog or whatever component thats block user actions.

example:

function Demo() {
  const [text, setText] = useState("Click here to edit.");

  return (
    <div className="app">
      <MuiEditableLabel
        value={text}
        onChange={e => setText(e.target.value)}
        onFocus={t => console.log("focus", t)}
        onFocusOut={t => console.log("focus out", t)}
      />
    </div>
  );
}

see here: https://github.com/roxdavirox/mui-editable-label

please, fell free to contribute.

[eps1lon]

Thanks for sharing. Once this gets more adoption we'll consider adding it to the core.