<mijnui:sidebar>
   <mijnui:sidebar.header>
        Mijnui
    </mijnui:sidebar.header>

    <mijnui:list class="w-full">
        <mijnui:list.item href="#" active>Dashboard</mijnui:list.item>
        <mijnui:list.item href="#">Users</mijnui:list.item>
        <mijnui:list.item href="#">Roles & Permissions</mijnui:list.item>
    </mijnui:list>
</mijnui:sidebar>
            

                <mijnui:sidebar variant="double">
    <mijnui:sidebar.double>
        <mijnui:button mijnui-sidebar-parent="dashboard" title="Dashboard" size="icon-sm" ghost>
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
                <path stroke-linecap="round" stroke-linejoin="round" d="m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" />
            </svg>
        </mijnui:button>

        <mijnui:button mijnui-sidebar-parent="user" title="User" size="icon-sm" ghost>
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
                <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" />
            </svg>
        </mijnui:button>

        <mijnui:sidebar.double.footer>
            <mijnui:badge size="xs">v1.0.1</mijnui:badge>
        </mijnui:sidebar.double.footer>
    </mijnui:sidebar.double>


    <mijnui:sidebar.double.content mijnui-sidebar-child="dashboard" title="Getting Started">
        <mijnui:list class="flex h-full w-full flex-col items-start gap-2 px-4 py-4">
            <mijnui:list.item href="#" active>Home</mijnui:list.item>
        </mijnui:list>
    </mijnui:sidebar.double.content>

    <mijnui:sidebar.double.content mijnui-sidebar-child="user" title="User Management">
        <mijnui:list class="flex h-full w-full flex-col items-start gap-2 px-4 py-4">
            <mijnui:list.item href="#">User List</mijnui:list.item>
            <mijnui:list.item href="#">Role List</mijnui:list.item>
        </mijnui:list>
    </mijnui:sidebar.double.content>
</mijnui:sidebar>