Dropdown Menu

{% call popover( id="dropdown-menu", trigger="Open Menu", trigger_attrs={"class": "btn-outline"}, content_attrs={"class": "min-w-56"} ) %}
Account Options


{% endcall %} {% set profile_menu %}
@hunvreus
hunvreus hunvreus@example.com



Theme

{% endset %} {% set trigger %} @hunvreus
hunvreus hunvreus@example.com
{% lucide "chevrons-up-down", { "class": "text-muted-foreground ml-auto" } %} {% endset %} {% call popover( id="dropdown-checkboxes", trigger=trigger, trigger_attrs={"class": "btn-outline h-12 justify-start px-2 md:max-w-[200px]"} ) %} {{ profile_menu | safe }} {% endcall %} {% set trigger %} @hunvreus {% endset %} {% call popover( id="dropdown-checkboxes", trigger=trigger, trigger_attrs={"class": "btn-icon-ghost rounded-full size-8"} ) %} {{ profile_menu | safe }} {% endcall %} {% set trigger %} {% lucide "ellipsis" %} {% endset %} {% call popover( id="dropdown-checkboxes", trigger=trigger, trigger_attrs={"class": "btn-icon-ghost"}, content_attrs={"class": "min-w-32"} ) %}

{% endcall %}