Dropdown

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


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



Theme

{% endset %} {% set trigger %} Ronan Berder
hunvreus hunvreus@example.com
{% lucide "chevrons-up-down", { "class": "text-muted-foreground ml-auto" } %} {% endset %} {% call dropdown( 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 %} Ronan Berder {% endset %} {% call dropdown( 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 dropdown( id="dropdown-checkboxes", trigger=trigger, trigger_attrs={"class": "btn-icon-ghost"}, menu_attrs={"class": "min-w-32"} ) %}
{% endcall %}