Sha256: 36337b5552751809491b8240e9cb923e4ca4915a6b868aac2fbe4f94aed43b27

Contents?: true

Size: 695 Bytes

Versions: 3

Compression:

Stored size: 695 Bytes

Contents

<%= render_component_header title: "Hover Card",
      description: "For sighted users to preview content available behind a link." %>

<% content_for :preview, flush: true do %>
  <%= render_hover_card do %>
    <%= hover_card_trigger do %>
      <%= content_tag :span, "@rails" %>
    <% end %>
    <%= hover_card_content do %>
      <div class="grid gap-2">
        <div class="space-y-2">
          <h4 class="font-medium leading-none">Ruby on Rails</h4>
          <p class="text-sm text-muted-foreground">The Web framework that changed the world.</p>
        </div>
      </div>
    <% end %>
  <% end %>
<% end %>

<% content_for :code, flush: true do %>

<% end %>

<%= render_preview %>

Version data entries

3 entries across 3 versions & 1 rubygems

Version Path
shadcn-ui-0.0.3 app/views/examples/components/hover-card.html.erb
shadcn-ui-0.0.2 app/views/examples/components/hover-card.html.erb
shadcn-ui-0.0.1 app/views/examples/components/hover-card.html.erb