Skip to content

Quill docs

Avatar

A static identity marker: image, initials, or fallback glyph with size and radius axes.

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.

ALQB

Design-system contract#

  • BUILT: wraps the headless avatar contract, including decorative vs named image semantics.
  • Theme-reactive: color, surface, border, size, and radius resolve through tokens.
  • No island: an avatar is static SSR markup.

Code#

Construct the component with its builder:

Avatar::for_name("Ada Lovelace")
    .size(Size::Lg)
    .radius(Radius::Full)
    .render()