toggle-tailwindcss

<div class="flex w-full h-full mx-auto">
    <div class="relative inline-block w-10 mr-2 align-middle select-none transition duration-200 ease-in">
        <input type="checkbox" name="toggle" id="prefix-3" class="checked:right-0 checked:bg-blue-600 absolute block w-6 h-6 rounded-full bg-white border-4 appearance-none focus:outline-none cursor-pointer"/>
            <label for="prefix-3" class="block overflow-hidden h-6 rounded-full bg-gray-300 cursor-pointer">
            </label>
        </div>
    </div>
</div>