Class: PhlexKit::DropdownMenuSub

Inherits:
BaseComponent show all
Defined in:
app/components/phlex_kit/dropdown_menu/dropdown_menu_sub.rb

Overview

Nested submenu wrapper: SubTrigger row + SubContent panel, revealed on hover/focus with pure CSS (no extra controller). Ported from shadcn/ui's DropdownMenuSub. See dropdown_menu.rb.

Instance Method Summary collapse

Methods inherited from BaseComponent

#on

Constructor Details

#initialize(**attrs) ⇒ DropdownMenuSub

Returns a new instance of DropdownMenuSub.



6
 
# File 'app/components/phlex_kit/dropdown_menu/dropdown_menu_sub.rb', line 6

def initialize(**attrs) = (@attrs = attrs)

Instance Method Details

#view_template ⇒ Object 



7
8
9
10
11
 
# File 'app/components/phlex_kit/dropdown_menu/dropdown_menu_sub.rb', line 7

def view_template(&)
  # syncSub mirrors the CSS-driven reveal state onto the sub trigger's
  # aria-expanded (same wiring as MenubarSub).
  div(**mix({ class: "pk-dropdown-menu-sub", data: { action: "mouseenter->phlex-kit--dropdown-menu#syncSub mouseleave->phlex-kit--dropdown-menu#syncSub focusin->phlex-kit--dropdown-menu#syncSub focusout->phlex-kit--dropdown-menu#syncSub" } }, @attrs), &)
end