@arif-un/react-mix-tag-input
Version:
A simple react component for inputting tags with a mix of text
1 lines • 1.3 kB
Source Map (JSON)
{"version":3,"sources":["../src/MixInput.css"],"sourcesContent":[".mix-input{\n padding: .375rem;\n border: 1px solid #ccc;\n min-height: 27px;\n border-radius: .25rem;\n display: block;\n font-size: 1rem;\n}\n\n.mi-disabled{\n background-color: #f3f3f3;\n color: #666;\n}\n\n.mix-input:focus{\n border: 1px solid #000;\n}\n\n.mix-input:hover {\n border: .0625rem solid #aaa;\n}\n\n.mix-input p.is-editor-empty:not(:has([data-type=\"tag\"]:first-child))::before {\n color: #adb5bd;\n content: attr(data-placeholder);\n float: left;\n height: 0;\n pointer-events: none;\n}\n\n.mi-paragraph{\n margin: 0;\n min-height: 27px;\n line-height: 1.6;\n}\n\n.mi-tag{\n background-color: #f3f3f3;\n border: 1px solid #ccc;\n border-radius: 5px;\n padding: 2px 3px;\n margin-inline: 3px;\n}"],"mappings":"AAAA,CAAC,UAAD,QACW,QACT,OAAQ,IAAI,MAAM,KAClB,WAAY,KAHd,cAIiB,OACf,QAAS,MACT,UAAW,IACb,CAEA,CAAC,YACC,iBAAkB,QAClB,MAAO,IACT,CAEA,CAdC,SAcS,OACR,OAAQ,IAAI,MAAM,IACpB,CAEA,CAlBC,SAkBS,OACR,OAAQ,SAAS,MAAM,IACzB,CAEA,CAtBC,UAsBU,CAAC,CAAC,eAAe,KAAK,KAAK,CAAC,cAAgB,cAAc,QACnE,MAAO,QACP,QAAS,KAAK,kBACd,MAAO,KACP,OAAQ,EACR,eAAgB,IAClB,CAEA,CAAC,aA9BD,OA+BU,EACR,WAAY,KACZ,YAAa,GACf,CAEA,CAAC,OACC,iBAAkB,QAClB,OAAQ,IAAI,MAAM,KAtCpB,cAuCiB,IAvCjB,QAwCW,IAAI,IACb,cAAe,GACjB","names":[]}