PtahUi.Components.Skeleton (PtahUI v0.1.0)

Copy Markdown View Source

Skeleton placeholder with shimmer animation for loading states.

Use class to control width, height, and shape. Use text for an animated gradient text effect.

Examples

<.skeleton class="w-32 h-32" />
<.skeleton class="w-16 h-16 rounded-full" />
<.skeleton text class="text-xl">AI is thinking...</.skeleton>

Summary

Functions

skeleton(assigns)

Attributes

  • text (:boolean) - Animates text color instead of background (use on a span with content). Defaults to false.
  • class (:string) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • inner_block