Class: LightningUiKit::TooltipComponent

Inherits:
BaseComponent
  • Object
show all
Defined in:
app/components/lightning_ui_kit/tooltip_component.rb

Constant Summary collapse

POSITION_OPTIONS = 
[:top, :bottom, :left, :right]
DEFAULT_POSITION = 
:bottom

Instance Method Summary collapse

Methods inherited from BaseComponent

#merge_classes

Methods included from HeroiconHelper

#heroicon

Constructor Details

#initialize(text: nil, position: DEFAULT_POSITION, active: true, **options) ⇒ TooltipComponent

Returns a new instance of TooltipComponent.



5
6
7
8
9
10
 
# File 'app/components/lightning_ui_kit/tooltip_component.rb', line 5

def initialize(text: nil, position: DEFAULT_POSITION, active: true, **options)
  @text = text
  @position = position || DEFAULT_POSITION
  @active = active
  @options = options
end

Instance Method Details

#classes ⇒ Object 



12
13
14
 
# File 'app/components/lightning_ui_kit/tooltip_component.rb', line 12

def classes
  merge_classes(["lui:w-full lui:flex lui:justify-center lui:fixed lui:bottom-5", @options[:class]].compact.join(" "))
end

#data ⇒ Object 



16
17
18
19
20
21
22
23
 
# File 'app/components/lightning_ui_kit/tooltip_component.rb', line 16

def data
  default_data = {
    controller: "lui-tooltip",
    action: "mouseenter->lui-tooltip#show mouseleave->lui-tooltip#hide focus->lui-tooltip#show blur->lui-tooltip#hide"
  }

  default_data.merge(@options[:data] || {})
end