merge-tw-props v1.0.3

Merge TW Props

Utility for intelligently merging React component props using TailwindCSS classes. Merges as many props objects as you give it. Intelligently combines TailwindCSS classes, merges refs, chains event handlers and merges styles.

Built on top of tailwind-merge and react-merge-refs.

Authors

• @ed-software

Installation

Install with npm

npm i merge-tw-props

Examples

import mergeTWProps from "merge-tw-props";

export function Checkbox(props: JSX.IntrinsicElements["input"]) {
  return (
    <input
      {...mergeTWProps(props, {
        type: "checkbox",
        className:
          "h-4 w-4 rounded border-gray-300 text-brand-600 focus:ring-brand-500 dark:bg-gray-900 dark:border-gray-700",
      })}
    />
  );
}