Attributes

• id (:string) - Explicit ID; auto-generated when nil. Defaults to nil.
• label (:string) - Trigger button text label. Defaults to nil.
• placement (:string) - Defaults to "left".
• class (:any) - Defaults to nil.
• trigger_class (:string) - Defaults to nil.
• menu_class (:string) - Classes applied to the floating menu panel. Defaults to "bg-white border border-gray-200 shadow-lg rounded-xl min-w-[12rem]".
• trigger_text_class (:string) - Classes for the trigger button text/bg. Defaults to "text-gray-700 hover:bg-gray-100".
• Global attributes are accepted.

Slots

• trigger_element
• inner_block

A single dropdown menu item — renders as <a>, <button>, live_patch, or live_redirect.

Attributes

• to (:string) - Defaults to nil.
• label (:string) - Defaults to nil.
• disabled (:boolean) - Defaults to false.
• link_type (:string) - Defaults to "button".
• class (:any) - Defaults to nil.
• item_class (:string) - Text and hover colour classes for the menu item. Defaults to "text-gray-700 hover:bg-gray-50 hover:text-gray-900".
• Global attributes are accepted. Supports all globals plus: ["method", "download", "hreflang", "rel", "target", "type", "phx-click", "phx-value"].

Slots

• inner_block

A selectable dropdown item — acts like a radio option inside the menu.

Attributes

• active (:boolean) - Defaults to false.
• class (:any) - Defaults to nil.
• active_indicator_class (:string) - Colour of the dot/check when the item is selected. Defaults to "text-indigo-600".
• inactive_indicator_class (:string) - Colour of the dot/check when the item is unselected. Defaults to "text-gray-300".
• item_class (:string) - Background and text colour on hover. Defaults to "hover:bg-indigo-50 text-gray-700".
• Global attributes are accepted. Supports all globals plus: ["phx-click", "phx-value", "phx-value-filter", "type"].

Slots

• inner_block