Class: Plutonium::UI::SkeletonTable

Inherits:
Component::Base show all
Defined in:
lib/plutonium/ui/skeleton_table.rb

Instance Method Summary collapse

Methods included from Component::Behaviour

#around_template

Methods included from Component::Tokens

#classes, #tokens

Methods included from Component::Kit

#BuildActionButton, #BuildActionsDropdown, #BuildBlock, #BuildBreadcrumbs, #BuildBulkActionsToolbar, #BuildColorModeSelector, #BuildDynaFrameContent, #BuildDynaFrameHost, #BuildEmptyCard, #BuildFrameNavigatorPanel, #BuildPageHeader, #BuildPanel, #BuildRowActionsDropdown, #BuildSkeletonTable, #BuildTabList, #BuildTableInfo, #BuildTablePagination, #BuildTableScopesBar, #BuildTableSearchBar, #method_missing, #respond_to_missing?

Dynamic Method Handling

This class handles dynamic methods through the method_missing method in the class Plutonium::UI::Component::Kit

Instance Method Details

#view_template ⇒ Object 



4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
# File 'lib/plutonium/ui/skeleton_table.rb', line 4

def view_template
  div(
    role: "status",
    class: "pu-card p-6 space-y-4 divide-y divide-[var(--pu-border-muted)] motion-safe:animate-pulse"
  ) do
    div(class: "flex items-center justify-between") do
      div do
        div(class: "h-3 bg-[var(--pu-border-strong)] rounded-full w-24 mb-3")
        div(class: "w-32 h-2 bg-[var(--pu-border)] rounded-full")
      end
      div(class: "h-3 bg-[var(--pu-border)] rounded-full w-12")
    end
    div(class: "flex items-center justify-between pt-4") do
      div do
        div(class: "h-3 bg-[var(--pu-border-strong)] rounded-full w-24 mb-3")
        div(class: "w-32 h-2 bg-[var(--pu-border)] rounded-full")
      end
      div(class: "h-3 bg-[var(--pu-border)] rounded-full w-12")
    end
    span(class: "sr-only") { "Loading..." }
  end
end