Class: PhlexKit::HoverCard

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

Overview

Hover/focus-triggered floating card — native [popover] + CSS anchor positioning with viewport-edge flipping. Ported from ruby_ui's RubyUI::HoverCard. Compose HoverCard > (HoverCardTrigger + HoverCardContent).

Instance Method Summary collapse

Methods inherited from BaseComponent

#on

Constructor Details

#initialize(**attrs) ⇒ HoverCard

Returns a new instance of HoverCard.



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

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

Instance Method Details

#view_templateObject



7
8
9
# File 'app/components/phlex_kit/hover_card/hover_card.rb', line 7

def view_template(&)
  div(**mix({ class: "pk-hover-card", data: { controller: "phlex-kit--hover-card", action: "mouseenter->phlex-kit--hover-card#show mouseleave->phlex-kit--hover-card#hide focusin->phlex-kit--hover-card#show focusout->phlex-kit--hover-card#hide" } }, @attrs), &)
end