UNPKG

@material-tailwind/react

Version:

@material-tailwind/react is an easy-to-use components library for ReactJS & Tailwind CSS inspired by Material Design.

1 lines 2.04 kB
"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:all[name]})}_export(exports,{input:function(){return input},default:function(){return _default}});var _inputOutlined=_interopRequireDefault(require("./inputOutlined"));var _inputStandard=_interopRequireDefault(require("./inputStandard"));var _inputStatic=_interopRequireDefault(require("./inputStatic"));var _input=require("../../../types/components/input");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}var input={defaultProps:{variant:"outlined",size:"md",color:"gray",label:"",error:false,success:false,icon:undefined,labelProps:undefined,containerProps:undefined,shrink:false,className:""},valid:{variants:_input.propTypesVariant,sizes:_input.propTypesSize,colors:_input.propTypesColor},styles:{base:{container:{position:"relative",width:"w-full",minWidth:"min-w-[200px]"},input:{peer:"peer",width:"w-full",height:"h-full",bg:"bg-transparent",color:"text-blue-gray-700",fontFamily:"font-sans",fontWeight:"font-normal",outline:"outline outline-0 focus:outline-0",disabled:"disabled:bg-blue-gray-50 disabled:border-0 disabled:cursor-not-allowed",transition:"transition-all"},label:{display:"flex",width:"w-full",height:"h-full",userSelect:"select-none",pointerEvents:"pointer-events-none",position:"absolute",left:"left-0",fontWeight:"font-normal",overflow:"!overflow-visible",textOverflow:"truncate",color:"peer-placeholder-shown:text-blue-gray-500",lineHeight:"leading-tight peer-focus:leading-tight",disabled:"peer-disabled:text-transparent peer-disabled:peer-placeholder-shown:text-blue-gray-500",transition:"transition-all"},icon:{display:"grid",placeItems:"place-items-center",position:"absolute",color:"text-blue-gray-500"},asterisk:{display:"inline-block",color:"text-red-500",ml:"ml-0.5"}},variants:{outlined:_inputOutlined.default,standard:_inputStandard.default,static:_inputStatic.default}}};var _default=input;