#react-querybuilder with mantine ui
8 messages · Page 1 of 1 (latest)
Mantine provides ui components – you can integrate them with any library
Thank you for your answer @tall lantern
Hi @cerulean monolith! I'm the maintainer of react-querybuilder. We have our own Discord server and I'll send you an invitation. I've been considering creating an official compatibility package for Mantine, and it looks like you might benefit from it. See our other compatibility packages here: https://react-querybuilder.js.org/docs/compat
The default React Query Builder components, being basic HTML5 form controls, are very flexible when it comes to styling (primarily through the controlClassnames prop). However, some style libraries require different HTML structure to style their form controls correctly.
Thank you @digital ocean, I will take a look
@cerulean monolith - I just released react-querybuilder@6.0.0 along with a compatibility package for Mantine: https://www.npmjs.com/package/@react-querybuilder/mantine
You can play around with it here: https://codesandbox.io/p/sandbox/goofy-kilby-kbjtbv?file=%2Fsrc%2FApp.tsx&selection=[{"endColumn"%3A1%2C"endLineNumber"%3A6%2C"startColumn"%3A1%2C"startLineNumber"%3A6}]
@digital ocean thank you very much🥳