Skeleton

Use it well.

Only the decorative shapes pulse, for three cycles. Replace it when data arrives; show a recovery state on failure. This preview is not a running request.

This is the source compiled for the preview. Select the text to copy it, or download the file. Change the package name and demo routes for your application.

package examples

import "github.com/Tend-Stack/TendUI/v2026/components"

templ ExampleSkeleton() {
	@components.Skeleton(components.SkeletonProps{Label: "Placeholder preview — no active request", Lines: 3, Avatar: true})
}