Fieldset Multiple
<div class="p-6 space-y-4 bg-white rounded-lg">
<!-- Fieldset with Multiple Inputs -->
<fieldset class="w-full bg-gray-100 border border-gray-300 rounded-lg p-4">
<legend class="px-2 text-lg font-medium text-gray-900">Page details</legend>
<div class="mb-3">
<label for="title" class="block text-sm font-medium text-gray-700 mb-1">Title</label>
<input id="title" type="text" class="w-full px-3 py-2 text-gray-700 bg-white border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500" placeholder="My awesome page" />
</div>
<div class="mb-3">
<label for="slug" class="block text-sm font-medium text-gray-700 mb-1">Slug</label>
<input id="slug" type="text" class="w-full px-3 py-2 text-gray-700 bg-white border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500" placeholder="my-awesome-page" />
</div>
<div class="mb-3">
<label for="author" class="block text-sm font-medium text-gray-700 mb-1">Author</label>
<input id="author" type="text" class="w-full px-3 py-2 text-gray-700 bg-white border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500" placeholder="Name" />
</div>
</fieldset>
</div>
Copied to clipboard