@xuda.io/xuda-framework-plugin-tailwind/src/collection/Input/Input with add-on.htm

Xuda Tailwind UI Framework plugin

<div>
  <label for='company-website' class='block text-sm font-medium text-gray-700'> Company Website </label>
  <div class='mt-1 flex rounded-md shadow-sm'>
    <span class='inline-flex items-center px-3 rounded-l-md border border-r-0 border-gray-300 bg-gray-50 text-gray-500 sm:text-sm'> http:// </span>
    <input type='text' name='company-website' id='company-website' class='flex-1 min-w-0 block w-full px-3 py-2 rounded-none rounded-r-md focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm border-gray-300' placeholder='www.example.com'>
  </div>
</div>