Class: PhlexKit::HoverCard

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

Overview

Hover/focus-triggered floating card, positioned with CSS. 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.



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

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

Instance Method Details

#view_templateObject



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

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