I'm trying to integrate a Mantine Textarea component with rc-mentions https://www.npmjs.com/package/rc-mentions. I can get the mentions component to show, but not sure how to make this into a mantine textarea. Have tried using InputBase to pass the mentions component as a prop but that hasn't worked. CodeSandbox here https://codesandbox.io/p/sandbox/crazy-mirzakhani-rc-mentions-ty9h3l
#Textarea with mentions
14 messages · Page 1 of 1 (latest)
So is it a matter of passing the mentions component to InputBase or something else? Thanks!
yes
Still not able to get it to work... does my mentions component need to be crafted in a specific way?
<InputBase label="Enter comments" placeholder="Type something" component={MyMentions} > </InputBase>
What does not work?
CodeSandbox here https://codesandbox.io/p/sandbox/crazy-mirzakhani-rc-mentions-ty9h3l
?
Yes mentions work but that doesn't have any of the styling of the Mantine Textarea?
Probably mentions component overrides or erases all styles
Is there a way to force or re-apply the textarea style?
You can get static class names with Input.classes.input, then you can add them to a third-party component. https://mantine.dev/styles/styles-api/#components-classes
OK thanks, will give it a go! 👍
@grim geyser I know this is a somewhat old thread, but I'm curious if you've ever found a solution? I'm looking for pretty much the same thing as you are