{% call select(trigger_attrs={"class": "w-[180px]"}) %}
Fruits
Apple
Banana
Blueberry
{% endcall %}
{% call select(
trigger_attrs={"class": "w-[180px]"},
listbox_attrs={"class": "scrollbar overflow-y-auto max-h-64"}
) %}
{% for i in range(0, 99) %}
Item {{ i }}
{% endfor %}
{% endcall %}
{% call select(trigger_attrs={"disabled": "disabled", "class": "w-[180px]"}) %}
Disabled
{% endcall %}
{% call select(trigger_attrs={'class': 'w-[180px]'}) %}
{% lucide "chart-bar", {"class": "text-muted-foreground"} %}
Bar
{% lucide "chart-line", {"class": "text-muted-foreground"} %}
Line
{% lucide "chart-pie", {"class": "text-muted-foreground"} %}
Pie
{% endcall %}