Class: PhlexKit::MenubarItem

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

Overview

Menu row (an — pass href:, or as: :div for buttons). variant: :destructive tints red; inset: true aligns with checkbox/radio rows. Closes the bar. See menubar.rb.

Constant Summary collapse

VARIANTS = 
{ default: nil, destructive: "destructive" }.freeze

Instance Method Summary collapse

Methods inherited from BaseComponent

#on

Constructor Details

#initialize(as: :a, href: "#", shortcut: nil, variant: :default, inset: false, **attrs) ⇒ MenubarItem

Returns a new instance of MenubarItem.



8
9
10
11
12
13
14
15
 
# File 'app/components/phlex_kit/menubar/menubar_item.rb', line 8

def initialize(as: :a, href: "#", shortcut: nil, variant: :default, inset: false, **attrs)
  @as = as.to_sym
  @href = href
  @shortcut = shortcut
  @variant = variant.to_sym
  @inset = inset
  @attrs = attrs
end

Instance Method Details

#view_template(&block) ⇒ Object 



17
18
19
20
21
22
23
24
25
26
27
28
29
 
# File 'app/components/phlex_kit/menubar/menubar_item.rb', line 17

def view_template(&block)
  base = {
    role: "menuitem",
    tabindex: "-1",
    class: [ "pk-menubar-item", VARIANTS.fetch(@variant), ("inset" if @inset) ].compact.join(" "),
    data: { action: "click->phlex-kit--menubar#close" }
  }
  base[:href] = @href unless @as == :div
  send(@as, **mix(base, @attrs)) do
    block&.call
    span(class: "pk-menubar-shortcut") { @shortcut } if @shortcut
  end
end