Stats

A stats component displays numerical data and metrics.

Base Components

Overview

A stats component displays key numerical data and metrics, often used to highlight performance, usage, or other significant figures.
https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fdesign%2FGl3138LYJ71TKOZEC0F8nJ%2FShipfaster-UI---v2.7.1-(LIVE)%3Fnode-id%3D124-40962%26t%3DpA8X0YmO6d7F2SMU-1

When should you use them?

Use stats components to present important metrics and KPIs in dashboards, reports, and summaries.

How should you use them?

  • Use clear and legible typography.
  • Highlight the most important stats prominently.
  • Provide context or comparison for the numbers.
  • Ensure the stats are updated in real-time if necessary.
  • Make the component visually appealing and aligned with your brand.
Previous

No previous post
Up next

No next post