File Input Multiple
<section class="p-6 bg-white rounded-lg shadow-sm">
<div class="max-w-md mx-auto">
<label for="file-upload-multiple" class="block text-sm font-medium text-gray-700 mb-2">Upload multiple files</label>
<input
id="file-upload-multiple"
type="file"
multiple
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 focus:ring-2 focus:ring-blue-500 focus:ring-offset-2" />
<p class="mt-1.5 text-xs text-gray-500">You can select multiple files by holding Ctrl/Cmd while selecting</p>
</div>
</section>
Copied to clipboard