Skip to content

Quill docs

Skeleton

A loading placeholder for unknown content, with line, circle, and rectangle shapes.

Preview#

This preview is server-rendered from the real qquill-design builder; the page ships the component CSS that builder returns, so the docs cannot drift from the crate API.

Design-system contract#

  • BUILT: decorative/busy semantics are owned by the headless skeleton state.
  • BUILT: shimmer and geometry are CSS/token-driven; reduced-motion CSS can collapse animation.
  • Use when content shape is known but content data is not ready yet.

Code#

Construct the component with its builder:

Skeleton::lines(3).radius(Radius::Sm).render()
Skeleton::circle().render()
Skeleton::rect().radius(Radius::Lg).render()