Input by omriluz
#e8e8e8
HTML +TailwindCSS
1<div class="flex shadow-sm"> 2 <input 3 value="Copy Me" 4 readonly="" 5 class="py-1 indent-2 rounded-s-lg focus:outline-none" 6 name="text" 7 type="text" 8 /> 9 <button 10 class="py-1 rounded-e-lg text-white bg-green-300 flex justify-center items-center w-10 h-10" 11 > 12 <svg 13 xmlns="http://www.w3.org/2000/svg" 14 width="24" 15 height="24" 16 viewBox="0 0 24 24" 17 fill="none" 18 class="pointer-events-none" 19 > 20 <rect width="24" height="24"></rect> 21 <rect 22 x="4" 23 y="8" 24 width="12" 25 height="12" 26 rx="1" 27 stroke="#000000" 28 stroke-linecap="round" 29 stroke-linejoin="round" 30 ></rect> 31 <path 32 d="M8 6V5C8 4.44772 8.44772 4 9 4H19C19.5523 4 20 4.44772 20 5V15C20 15.5523 19.5523 16 19 16H18" 33 stroke="#000000" 34 stroke-linecap="round" 35 stroke-linejoin="round" 36 stroke-dasharray="2 2" 37 ></path> 38 </svg> 39 </button> 40</div> 41
1K views
1K views
MIT License