Class: Shadcn::NavigationMenuComponent

Inherits:

BaseComponent

• Object
• ViewComponent::Base
• BaseComponent
• Shadcn::NavigationMenuComponent

Defined in:

app/components/shadcn/navigation_menu_component.rb

Overview

NavigationMenu component Matches shadcn/ui NavigationMenu component A collection of links for navigating websites

Examples:

Basic navigation menu

<%= render Shadcn::NavigationMenuComponent.new do |nav| %>
  <% nav.with_list do |list| %>
    <% list.with_item do |item| %>
      <% item.with_trigger { "Getting Started" } %>
      <% item.with_content do %>
        <ul class="grid gap-3 p-4 md:w-[400px] lg:w-[500px] lg:grid-cols-[.75fr_1fr]">
          <li class="row-span-3">Featured content</li>
          <li><a href="#">Introduction</a></li>
          <li><a href="#">Installation</a></li>
        </ul>
      <% end %>
    <% end %>
    <% list.with_item do |item| %>
      <% item.with_link(href: "/docs") { "Documentation" } %>
    <% end %>
  <% end %>
<% end %>

Constant Summary

BASE_CLASSES =

"relative z-10 flex max-w-max flex-1 items-center justify-center"

Instance Attribute Summary

Attributes inherited from BaseComponent

#class_name, #data, #html_options

Method Summary

Methods inherited from BaseComponent

#content, #initialize

Methods included from Rails::Helpers::ClassNameHelper

#cn

Constructor Details

This class inherits a constructor from Shadcn::BaseComponent