xxxxxxxxxx
<div class="grid md:grid-cols-2 md:gap-6">
<div class="relative z-0 w-full mb-6 group">
<div class="relative z-0 w-full mb-6 group">
<input type="tel" pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}" name="floating_phone" id="floating_phone" class="block py-2.5 px-0 w-full text-sm text-gray-900 bg-transparent border-0 border-b-2 border-gray-300 appearance-none dark:text-white dark:border-gray-600 dark:focus:border-blue-500 focus:outline-none focus:ring-0 focus:border-blue-600 peer" placeholder=" " required />
<label for="floating_phone" class="peer-focus:font-medium absolute text-sm text-gray-500 dark:text-gray-400 duration-300 transform -translate-y-6 scale-75 top-3 -z-10 origin-[0] peer-focus:left-0 peer-focus:text-blue-600 peer-focus:dark:text-blue-500 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6">Phone number (123-456-7890)</label>
</div>
</div>
<div class="relative z-0 w-full mb-6 group">
<button type="submit" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">Submit</button>
</div>
</div>
xxxxxxxxxx
<div class="grid grid-cols-1 md:grid-cols-6 lg:grid-cols-6">
<div class="py-2 px-2">
<label class="block mb-2 text-sm font-medium text-gray-900 ">Label 1</label>
<input type="text" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-gray-500 focus:border-gray-500 block w-full p-2.5">
</div>
<div class="py-2 px-2">
<label class="block mb-2 text-sm font-medium text-gray-900 ">Label 2</label>
<input type="text" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-gray-500 focus:border-gray-500 block w-full p-2.5">
</div>
<div class="py-2 px-2">
<label class="block mb-2 text-sm font-medium text-gray-900 ">Label 3</label>
<input type="text" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-gray-500 focus:border-gray-500 block w-full p-2.5">
</div>
<div class="py-2 px-2">
<label class="block mb-2 text-sm font-medium text-gray-900 ">Label 4</label>
<input type="text" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-gray-500 focus:border-gray-500 block w-full p-2.5">
</div>
<div class="py-2 px-2">
<label class="block mb-2 text-sm font-medium text-gray-900 ">Label 5</label>
<input type="text" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-gray-500 focus:border-gray-500 block w-full p-2.5">
</div>
<div class="py-2 px-2">
<label for="website" class="block mb-2 text-sm font-medium text-gray-900 ">
</label>
<x-jet-button class="p-2.5" wire:click="update" wire:loading.attr="disabled" wire:target="update" class="disabled:opacity-25">
Save
</x-jet-button>
</div>
</div>