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
grim geyser
grim geyser
https://mantine.dev/core/input/#inputbase-component
So is it a matter of passing the mentions component to InputBase or something else? Thanks!
grim geyser
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>
sly olive
What does not work?
grim geyser
CodeSandbox here https://codesandbox.io/p/sandbox/crazy-mirzakhani-rc-mentions-ty9h3l
sly olive
?
grim geyser
Yes mentions work but that doesn't have any of the styling of the Mantine Textarea?
sly olive
Probably mentions component overrides or erases all styles
grim geyser
Is there a way to force or re-apply the textarea style?
sly olive
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
grim geyser
OK thanks, will give it a go! 👍
vapid sandal
@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