Class: UI::NavigationMenuItem

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

Overview

Item - Phlex implementation

Wrapper for individual navigation menu item.

Examples:

Basic usage with trigger and content

render UI::Item.new do
  render UI::Trigger.new { "Products" }
  render UI::Content.new do
    # Links here
  end
end

Direct link without dropdown

render UI::Item.new do
  render UI::Link.new(href: "/about") { "About" }
end

Instance Method Summary collapse

Methods included from NavigationMenuItemBehavior

#navigation_menu_item_classes, #navigation_menu_item_data_attributes, #navigation_menu_item_html_attributes

Constructor Details

#initialize(value: nil, classes: "", **attributes) ⇒ NavigationMenuItem

Returns a new instance of NavigationMenuItem.

Parameters:

  • value (String) (defaults to: nil) —

    Optional value for controlled state

  • classes (String) (defaults to: "") —

    Additional CSS classes to merge

  • attributes (Hash) —

    Additional HTML attributes



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

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

Instance Method Details

#view_template(&block) ⇒ Object 



31
32
33
34
35
 
# File 'app/components/ui/navigation_menu_item.rb', line 31

def view_template(&block)
  li(**navigation_menu_item_html_attributes.deep_merge(@attributes)) do
    yield if block_given?
  end
end