File Input With Fieldset
<section class="p-6 bg-white rounded-lg shadow-sm">
<div class="max-w-md mx-auto">
<fieldset class="border border-gray-300 rounded-md p-4">
<legend class="text-sm font-medium text-gray-700 px-2">Select a file</legend>
<input type="file" class="block w-full text-sm text-gray-500
file:mr-4 file:py-2 file:px-4
file:rounded-md file:border-0
file:text-sm file:font-semibold
file:bg-blue-50 file:text-blue-700
hover:file:bg-blue-100
focus:outline-none" />
<label class="block mt-2 text-xs text-gray-500">Maximum file size: 10MB</label>
</fieldset>
</div>
</section>
Copied to clipboard