Class: UI::NavigationMenuTrigger

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

Overview

Trigger - Phlex implementation

Button that toggles the navigation menu content. Includes an animated chevron icon.

Examples:

Basic usage

render UI::Trigger.new { "Products" }

First trigger (receives initial focus)

render UI::Trigger.new(first: true) { "Home" }

Instance Method Summary collapse

Methods included from NavigationMenuTriggerBehavior

#navigation_menu_trigger_chevron_classes, #navigation_menu_trigger_classes, #navigation_menu_trigger_data_attributes, #navigation_menu_trigger_html_attributes

Constructor Details

#initialize(first: false, classes: "", **attributes) ⇒ NavigationMenuTrigger

Returns a new instance of NavigationMenuTrigger.

Parameters:

  • first (Boolean) (defaults to: false) —

    Whether this is the first trigger (gets tabindex=0)

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

    Additional CSS classes to merge

  • attributes (Hash) —

    Additional HTML attributes



19
20
21
22
23
 
# File 'app/components/ui/navigation_menu_trigger.rb', line 19

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

Instance Method Details

#view_template(&block) ⇒ Object 



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

def view_template(&block)
  button(**navigation_menu_trigger_html_attributes.deep_merge(@attributes)) do
    yield if block_given?
    render_chevron
  end
end