Merge TW Props

Introducing merge-tw-props, the NPM package that revolutionizes the way you merge React component props using TailwindCSS classes.

As developers, we know how important it is to keep our code clean and organized, especially when working on a large project. With merge-tw-props, you can intelligently merge as many props objects as you need, making it the perfect tool for building your design system.

Built on top of tailwind-merge and react-merge-refs, merge-tw-props combines TailwindCSS classes seamlessly, allowing you to easily merge refs, chain event handlers, and merge styles. This package is the perfect solution for teams that are looking to streamline their development process while maintaining a consistent design system.

At Simply Seated, we have been using mergeProps from react-aria, but we found that we weren't using react-aria for anything else, so we wanted to get rid of the dependency. We also wanted a version of mergeProps that would nicely combine tailwindcss classes, and that's exactly what merge-tw-props does.

So, if you're looking for a powerful and easy-to-use tool to merge React component props using TailwindCSS classes, look no further than merge-tw-props. Try it out today and see the difference it can make in your development process.