'How to customize Material UI Chip component to be editable?

I'm trying to use Material UI - Chip in a simple Todo App. By adding onDelete attribute, we can make it deletable.

<Chip label="Deletable" onDelete={handleDelete} />

A deletable chip

But my desired task chips should also be editable, and allow user to toggle when it is done.

My task chip

The event handlers handleEdit and handleToggleDone are all prepared. But how can I add them to the Chip component?



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source