Classname support for tailwind

[aaly00]

Describe the bug
I can't seem to be able to use className prop for styling to be able to style using tailwind.

It looks like the component has as set of base styles which are overriding my styling

To Reproduce

 <RichTextarea
        style={{
          maxHeight: 100,
        }}
        className={cn(
          "flex min-h-10 w-full resize-none bg-white px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
          "overflow-hidden",
          className,
        )}
        ref={ref}
        {...props}
      />

Expected behavior
Element to render with styling applied.

Platform:

• OS: macOS
• Browser: chrome
• Version of this package: 0.26.4

Additional context
Add any other context about the problem here.

[A1X5H04]

This may be your configuration issue, since it's just a simple textarea under the hood, check if the component is properly included into the 'content' property in tailwind.config.js

[FelipeTrost]

The styles worked for me, the only thing I had to add as an inline style was the width.