Skeleton

# Button skeleton

1
Skeleton class: "h-32 w-32" do

2
end

# Skeleton - circle with content

1
div class: "flex w-52 flex-col gap-4" do

2
  div class: "flex items-center gap-4" do

3
    Skeleton class: "h-16 w-16 shrink-0 rounded-full"

4
5
    div class: "flex flex-col gap-4" do

6
      Skeleton class: "h-4 w-20"

7
      Skeleton class: "h-4 w-28"

8
    end

9
  end

10
11
  Skeleton class: "h-32 w-full"

12
end

# Skeleton - rectangle with content
1
div class: "flex w-52 flex-col gap-4" do

2
  Skeleton class: "h-32 w-full"

3
  Skeleton class: "h-4 w-28"

4
  Skeleton class: "h-4 w-full"

5
  Skeleton class: "h-4 w-full"

6
end

# Skeleton - with existing components via modifier
1
Avatar :skeleton do

2
  div class: "w-24 rounded" do

3
  end

4
end