Class: UI::SidebarMenuItem

Inherits:
Phlex::HTML
  • Object
show all
Includes:
SidebarMenuItemBehavior
Defined in:
app/components/ui/sidebar_menu_item.rb

Overview

MenuItem - Phlex implementation

List item container for a sidebar menu entry.

Examples:

Basic usage

render UI::MenuItem.new do
  render UI::MenuButton.new do
    render UI::Icon.new(name: "home")
    plain "Home"
  end
end

With action button

render UI::MenuItem.new do
  render UI::MenuButton.new { "Settings" }
  render UI::MenuAction.new do
    render UI::Icon.new(name: "ellipsis")
  end
end

Instance Method Summary collapse

Methods included from SidebarMenuItemBehavior

#sidebar_menu_item_classes, #sidebar_menu_item_data_attributes, #sidebar_menu_item_html_attributes

Constructor Details

#initialize(classes: "", **attributes) ⇒ SidebarMenuItem

Returns a new instance of SidebarMenuItem.



25
26
27
28
 
# File 'app/components/ui/sidebar_menu_item.rb', line 25

def initialize(classes: "", **attributes)
  @classes = classes
  @attributes = attributes
end

Instance Method Details

#view_template(&block) ⇒ Object 



30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
 
# File 'app/components/ui/sidebar_menu_item.rb', line 30

def view_template(&block)
  all_attributes = sidebar_menu_item_html_attributes

  if @attributes.key?(:class)
    merged_class = TailwindMerge::Merger.new.merge([
      all_attributes[:class],
      @attributes[:class]
    ].compact.join(" "))
    all_attributes = all_attributes.merge(class: merged_class)
  end

  all_attributes = all_attributes.deep_merge(@attributes.except(:class))

  li(**all_attributes, &block)
end