ThumbFrame

Shared bordered-square / white-X-diagonal frame behind the 13 static-page and /ref/ glyph thumbs plus the NEWS volume thumbs (issue #2446). Renders the frame chrome only — the glyph or text block is passed as children.

Media & Icons

Ordinary (glyph)

News (text)

Default (variant omitted)

Both variants side by side

Source

<ThumbFrame variant="ordinary">
  <svg className="w-full h-full fill-zd-white" viewBox="0 0 100 100">…</svg>
</ThumbFrame>

Live CSS

Injected into the previews above. ThumbFrame

/* Live CSS — edits inject into every preview above.
   Try overriding a component utility, e.g.:
   .btn { letter-spacing: 0.04em; } */