Newer
Older
admin_crud_pkg / resources / views / components / toggle.blade.php
@motoki miura motoki miura 14 hours ago 690 bytes first commit
@props([
    'id' => 'toggle',
    'name' => 'toggle',
    'checked' => false,
    'formid' => '',
])
@php
    $chk = $checked ? 'checked' : '';
@endphp
<!-- admin-crud::toggle -->
<div class="relative inline-block w-10 mr-2 align-middle select-none transition duration-200 ease-in">
    <input type="checkbox" name="{{ $name }}" id="{{ $id }}" {{ $chk }} form="{{ $formid }}"
        onchange="toggle('{{ $formid }}','{{ $id }}')"
        class="toggle-checkbox absolute block w-6 h-6 rounded-full bg-white border-4 appearance-none cursor-pointer" />
    <label for="{{ $id }}"
        class="toggle-label block overflow-hidden h-6 rounded-full bg-gray-500 cursor-pointer"></label>
</div>