Menu
I am would like to use material-ui chips in my react-app.
The problem is that I would like to move the chips with drag and drop. This functionality is not supported by material ui. Is there a workaround / extension to get chips draggable? <!--
If there is no other way, I would change to another library. Does anyone know one? Thank you
//EDIT-Good solution
You can make any component draggable with react-beautiful-dnd
424
233 companies reportedly use Material-UI in their tech stacks, including medium.com, MAK IT, and Scale.
Chips are compact elements that represent an input, attribute, or action. Chips allow users to enter information, make selections, filter content, or trigger actions.
You can use the Draggable component from material UI:
<Draggable><Chip label="your chip" /></Draggable>
See full example: https://material-ui.com/demos/dialogs/#draggable-dialog
61
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With