Dropdown: Default

<ul class="-my-smSpace [&>li]:p-smSpace divide-y text-xs">
    <li class="space-y-smSpace">
        <div class="flex justify-between items-center">
            <span class="font-semibold">Item one</span>

            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5">
                <path fill-rule="evenodd" d="M4 10a.75.75 0 01.75-.75h10.5a.75.75 0 010 1.5H4.75A.75.75 0 014 10z" clip-rule="evenodd" />
            </svg>
        </div>

        <ul class="[&>li]:px-smSpace [&>li]:py-2xsSpace">
            <li><!-- Checkbox -->
                <label class="flex items-center space-x-xsSpace">
                    <input type="checkbox" class="wrapper__checkbox" checked>

                    <span class="font-medium">Option 1</span>
                </label>
            </li>

            <li><label class="flex items-center space-x-xsSpace">
                    <input type="checkbox" class="wrapper__checkbox">

                    <span class="text-tertiary-700 text-xs"></span>
                </label>
            </li>

            <li><label class="flex items-center space-x-xsSpace">
                    <input type="checkbox" class="wrapper__checkbox">

                    <span class="text-tertiary-700 text-xs"></span>
                </label>
            </li>
        </ul>
    </li>

    <li>
        <div class="flex justify-between items-center">
            <span>Item two</span>

            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5">
                <path d="M10.75 4.75a.75.75 0 00-1.5 0v4.5h-4.5a.75.75 0 000 1.5h4.5v4.5a.75.75 0 001.5 0v-4.5h4.5a.75.75 0 000-1.5h-4.5v-4.5z" />
            </svg>
        </div>
    </li>

    <li>
        <div class="flex justify-between items-center">
            <span>Item three</span>

            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5">
                <path d="M10.75 4.75a.75.75 0 00-1.5 0v4.5h-4.5a.75.75 0 000 1.5h4.5v4.5a.75.75 0 001.5 0v-4.5h4.5a.75.75 0 000-1.5h-4.5v-4.5z" />
            </svg>
        </div>
    </li>
</ul>