Contents

<div class="divide-y divide-gray-200 rounded-lg border border-gray-200 shadow-sm">
  <div class="p-6">
    <h2 class="text-lg font-medium leading-6 text-gray-900"><%= locals[:heading] %></h2>
    <p class="mt-4 text-sm text-gray-500"><%= locals[:description] %></p>
    <p class="mt-8">
      <span class="text-4xl font-bold tracking-tight text-gray-900"><%=locals[:price] %></span>
      <span class="text-base font-medium text-gray-500">/mo</span>
    </p>
    <a href="#" class="mt-8 block w-full rounded-md border border-gray-800 bg-gray-800 py-2 text-center text-sm font-semibold text-white hover:bg-gray-900">Buy Hobby</a>
  </div>
  <div class="px-6 pt-6 pb-8">
    <h3 class="text-sm font-medium text-gray-900">What's included</h3>
    <ul role="list" class="mt-6 space-y-4">
      <%# Loop through items %>
      <% locals[:items].each do |item| %>
        <li class="flex space-x-3">
            <svg class="h-5 w-5 flex-shrink-0 text-green-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
              <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
            </svg>
          <span class="text-sm text-gray-500"><%= item %></span>
        </li>
      <% end %>
    </ul>
  </div>
</div>

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
rails_app_generator-0.3.6	after_templates/addons/view_component/app/views/home/_price_card.html.erb
rails_app_generator-0.3.5	after_templates/addons/view_component/app/views/home/_price_card.html.erb
rails_app_generator-0.3.4	after_templates/addons/view_component/app/views/home/_price_card.html.erb