Class: LightningUiKit::NavigationMenuComponent

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

Instance Method Summary collapse

Constructor Details

#initialize(**options) ⇒ NavigationMenuComponent

Returns a new instance of NavigationMenuComponent.



4
5
6
 
# File 'app/components/lightning_ui_kit/navigation_menu_component.rb', line 4

def initialize(**options)
  @options = options
end

Instance Method Details

#classes ⇒ Object 



8
9
10
11
12
13
 
# File 'app/components/lightning_ui_kit/navigation_menu_component.rb', line 8

def classes
  merge_classes([
    "lui:relative lui:z-10 lui:flex lui:max-w-max lui:flex-1 lui:items-center lui:justify-center",
    @options[:class]
  ].compact.join(" "))
end

#content_classes ⇒ Object 



19
20
21
 
# File 'app/components/lightning_ui_kit/navigation_menu_component.rb', line 19

def content_classes
  "lui:hidden lui:absolute lui:left-0 lui:top-full lui:mt-1.5 lui:min-w-[12rem] lui:rounded-md lui:border lui:border-border lui:bg-surface lui:p-2 lui:text-foreground lui:shadow-lg"
end

#data ⇒ Object 



23
24
25
 
# File 'app/components/lightning_ui_kit/navigation_menu_component.rb', line 23

def data
  {controller: "lui-navigation-menu"}.merge(@options[:data] || {})
end

#trigger_classes ⇒ Object 



15
16
17
 
# File 'app/components/lightning_ui_kit/navigation_menu_component.rb', line 15

def trigger_classes
  "lui:inline-flex lui:h-9 lui:w-max lui:items-center lui:justify-center lui:gap-1 lui:rounded-md lui:px-4 lui:py-2 lui:text-sm lui:font-medium lui:text-foreground lui:transition-colors lui:hover:bg-surface-hover lui:focus:outline-none lui:data-[state=open]:bg-surface-hover"
end