admin-overview-metric-definition-tooltips
Admin Overview metric definition tooltip system
- Owner
- Core Competitive
- Legal status
- Original Core Competitive HTML, CSS, SVG, PNG, and WebP documentation artwork. The system contains no third-party logo, publisher artwork, provider mark, certification seal, or regulator mark.
- Source files
design-assets/admin/overview/metric-definition-tooltips/README.mddesign-assets/admin/overview/metric-definition-tooltips/corecomp-admin-overview-metric-definition-tooltips-v1-documentation-1200x700.svgdesign-assets/admin/overview/metric-definition-tooltips/corecomp-admin-overview-metric-definition-tooltips-v1-documentation-1200x700.pngdesign-assets/admin/overview/metric-definition-tooltips/corecomp-admin-overview-metric-definition-tooltips-v1-documentation-1200x700.webp/images/admin/overview/metric-definition-tooltips/**/*src/components/admin/admin-metric-definition-tooltip.tsxsrc/components/admin/admin-metric-definition-tooltip.module.csssrc/app/brand-preview/admin-metric-definition-tooltips/page.tsxsrc/app/brand-preview/admin-metric-definition-tooltips/page.module.cssscripts/build-admin-metric-definition-tooltip-assets.mjs- Alt-text rule
- The visible metric label and value remain semantic HTML. Every icon-only definition trigger requires a specific accessible name, a 44 by 44 target, and a visible tooltip on hover, keyboard focus, and tap. The tooltip must expose meaning, calculation, eligible population, reporting window, authoritative source, and freshness. Loading, missing, error, permission, and success states require explicit wording; an unavailable definition may never imply that a metric is authoritative.
- Responsive variants
- Live HTML/CSS component designed against a 1200 by 700 reference frame. Desktop supports top, bottom, start, and end placement. Hover, focus, and tap reveal the same non-interactive definition. At 620px and below the panel centers within the viewport, switches details to one column, and removes the directional pointer. Documentation includes 1200 by 700 PNG and WebP previews plus a live 390 by 844 reference. Forced-colors and reduced-motion states are included.
Asset category
Social sharing
homepage-social-card
Homepage social and Open Graph card
/images/home/corecomp-home-social-card-v1*