Skeleton

Avatar Skeleton 

      <%= render(RailsUi::Skeleton::Component.new) %>

Card Skeleton 

      <%= render(RailsUi::Skeleton::Component.new(variant: :card)) %>

Custom Avatar Skeleton 

        <div class="flex items-center space-x-4">
    <div class="animate-pulse bg-muted h-16 w-16 rounded-full"></div>
    <div class="space-y-2">
        <div class="animate-pulse rounded-md bg-muted h-4" style="width: 300px;"></div>
        <div class="animate-pulse rounded-md bg-muted h-4" style="width: 250px;"></div>
        <div class="animate-pulse rounded-md bg-muted h-4" style="width: 200px;"></div>
    </div>
  </div>

Custom Card Skeleton 

      <%= render(RailsUi::Skeleton::Component.new(
      variant: :card,
      card_size: 'h-[150px] w-[300px]',
      lines: 4,
      line_widths: ['300px', '280px', '260px', '240px']
    )) %>
Previous Next