Card

Default Card

Notifications

You have 3 unread messages.

This is the main content of the card.

You can add any HTML or other components here.

Card Footer 
      <%= render(RailsUi::Card::Component.new(
      title: "Notifications",
      description: "You have 3 unread messages.",
      footer: "Card Footer"
    )) do |card| %>
      <p>This is the main content of the card.</p>
      <p>You can add any HTML or other components here.</p>
    <% end %>

Card without Footer

Profile

Update your personal information.

This card doesn't have a footer.

The content can be as long as needed.

      <%= render(RailsUi::Card::Component.new(
      title: "Profile",
      description: "Update your personal information."
    )) do |card| %>
      <p>This card doesn't have a footer.</p>
      <p>The content can be as long as needed.</p>
    <% end %>
Previous Next