Class: Shadcn::HoverCardComponent

Inherits:
BaseComponent
  • Object
show all
Defined in:
app/components/shadcn/hover_card_component.rb

Overview

Hover Card component for displaying rich content on hover Matches shadcn/ui HoverCard component

Examples:

Basic usage

<%= render Shadcn::HoverCardComponent.new do |card| %>
  <% card.with_trigger do %>
    <a href="#">@username</a>
  <% end %>
  <% card.with_card_content do %>
    <div>User profile preview</div>
  <% end %>
<% end %>

Instance Attribute Summary

Attributes inherited from BaseComponent

#class_name, #data, #html_options

Instance Method Summary collapse

Methods inherited from BaseComponent

#content

Methods included from Rails::Helpers::ClassNameHelper

#cn

Constructor Details

#initialize(open_delay: 700, close_delay: 300, **options) ⇒ HoverCardComponent

Returns a new instance of HoverCardComponent.

Parameters:

  • open_delay (Integer) (defaults to: 700) —

    Delay in ms before opening

  • close_delay (Integer) (defaults to: 300) —

    Delay in ms before closing



25
26
27
28
29
 
# File 'app/components/shadcn/hover_card_component.rb', line 25

def initialize(open_delay: 700, close_delay: 300, **options)
  super(**options)
  @open_delay = open_delay
  @close_delay = close_delay
end