JSFiddle - React, Tailwind, and code Playground

by muffls

HTML

<span class="input-symbol-euro">
    <input type="text" />
</span>

CSS

.input-symbol-euro {
     position: relative;
 }
 .input-symbol-euro input {
     padding-left:18px;
 }
 .input-symbol-euro:before {
     position: absolute;
     top: 0;
     content:"€";
     left: 5px;
 }