Sparkline Card

About this piece

Mini SVG line plotting any number array. Tone sets the stroke color.

Usage

The import and the props worth knowing about, in one place.

import { Card2 } from "@/components/beste/piece/card2";

<Card2
  surface="card"
  bordered={false}
  inverted={false}
  label="Revenue"
  value="$48.2k"
  data={[
    12,
    18,
    14,
    22,
    20,
    28,
    24,
    32,
    30,
    38,
    36,
    44
  ]}
  tone="success"
/>