Skip to content
dev

Skeleton

Represent loading structure with accessible text, reduced-motion support, and predictable text placeholders.

Default Rendered example

Incident list

Usage Example
@skeleton.Skeleton(skeleton.Config{
    Label: "Loading incidents",
})

Built-in text: the development API provides expressions.Skeleton for application defaults, request preferences, and individual component overrides. Read the expression guide.

Content shapes

Use rectangle for panels and circle for avatar or identity placeholders.

Content shapes Rendered example

Chart

Owners

Content shapes
@skeleton.Skeleton(skeleton.Config{
    Shape: skeleton.ShapeRectangle,
    Label: "Loading chart",
})
@skeleton.Skeleton(skeleton.Config{
    Shape: skeleton.ShapeCircle,
    Count: 3,
    Label: "Loading owners",
})

Static

Set Static when a placeholder should preserve loading semantics without pulse animation.

Static Rendered example
Static
@skeleton.Skeleton(skeleton.Config{
    Count:  2,
    Label:  "Loading summary",
    Static: true,
})

Go API

development

The examples above cover behavior and composition. pkg.go.dev is the canonical reference for exported types, functions, methods, and Go documentation.

github.com/araihu/goshtoso/components/skeleton

An exact external API link is added to versioned builds.