ShowcaseStat

Small label + large value stat used in showcase stat rows.

Preview

Usage

import { ShowcaseStat } from '@ramtt/ui'

<div className="flex gap-10">
  <ShowcaseStat label="Total colors" value="147" />
  <ShowcaseStat label="Active hues" value="14" />
  <ShowcaseStat label="Base lightness" value="L 0.67" />
  <ShowcaseStat label="Canvas" value="Sand" />
</div>

Props

PropTypeDefaultDescription
label*string—Upper label
value*string—Displayed value