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, #BuildBlock, #BuildBreadcrumbs, #BuildColorModeSelector, #BuildDynaFrameContent, #BuildDynaFrameHost, #BuildEmptyCard, #BuildFrameNavigatorPanel, #BuildPageHeader, #BuildPanel, #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
26
 
# File 'lib/plutonium/ui/skeleton_table.rb', line 4

def view_template
  div(
    role: "status",
    class:
      "p-4 space-y-4 border border-gray-200 divide-y divide-gray-200 rounded shadow motion-safe:animate-pulse dark:divide-gray-700 md:p-6 dark:border-gray-700"
  ) do
    div(class: "flex items-center justify-between") do
      div do
        div(class: "h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24 mb-2.5")
        div(class: "w-32 h-2 bg-gray-200 rounded-full dark:bg-gray-700")
      end
      div(class: "h-2.5 bg-gray-300 rounded-full dark:bg-gray-700 w-12")
    end
    div(class: "flex items-center justify-between pt-4") do
      div do
        div(class: "h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24 mb-2.5")
        div(class: "w-32 h-2 bg-gray-200 rounded-full dark:bg-gray-700")
      end
      div(class: "h-2.5 bg-gray-300 rounded-full dark:bg-gray-700 w-12")
    end
    span(class: "sr-only") { "Loading..." }
  end
end