react-tailwind-input-ts
Version:
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
3 lines (2 loc) • 1.52 kB
JavaScript
!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("react/jsx-runtime"),require("react")):"function"==typeof define&&define.amd?define(["exports","react/jsx-runtime","react"],r):r((e||self).reactTailwindInputTs={},e.jsxRuntime,e.react)}(this,function(e,r,n){function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(){return a=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)({}).hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},a.apply(null,arguments)}var o=["type","label","error","className","containerClassName"],i=/*#__PURE__*/t(n).default.forwardRef(function(e,n){var t=e.type,i=void 0===t?"text":t,s=e.label,l=e.error,u=e.className,c=void 0===u?"":u,d=e.containerClassName,f=void 0===d?"":d,m=function(e,r){if(null==e)return{};var n={};for(var t in e)if({}.hasOwnProperty.call(e,t)){if(-1!==r.indexOf(t))continue;n[t]=e[t]}return n}(e,o);return r.jsxs("div",{className:"mb-4 "+f,children:[s&&r.jsx("label",{className:"block text-sm font-medium text-gray-700 mb-1",children:s}),r.jsx("input",a({ref:n,type:i,className:"w-full px-3 py-2 border rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 transition-colors "+(l?"border-red-500":"border-gray-300")+" "+(m.disabled?"bg-gray-100 cursor-not-allowed":"")+" "+c},m)),l&&r.jsx("p",{className:"mt-1 text-sm text-red-600",children:l})]})});i.displayName="Input",e.Input=i});
//# sourceMappingURL=index.umd.js.map