CashRunwayPosition
The position band of the CFO figures: cash on hand across accounts, the runway meter (months at the last 3 months' burn) and the implied cash trail.
import { CashRunwayPosition } from "@cynco-labs/ui";Example
import { CashRunwayPosition } from "@cynco-labs/ui";
export default function CashRunwayPositionDemo() {
return (
<div className="max-w-[520px]">
<CashRunwayPosition
cash={184520.4}
accounts={3}
runwayMonths={4.6}
trail={[
{ label: "May", cash: 121400 },
{ label: "Jun", cash: 117700 },
{ label: "Jul", cash: 133300 },
{ label: "Aug", cash: 146800 },
{ label: "Sep", cash: 165620 },
{ label: "Oct", cash: 184520 },
]}
/>
</div>
);
}Use
Top of Cynco numbers panel, answering 'how much cash, how long does it last'.
Props
cash, runwayMonths (null when unknown); optional accounts, cashPositive, trail [{label, cash}], currency; plus className and native element props (spread on the root).
Notes
Responsive: runway block drops under the cash figure below 28rem; trail caption moves under the chart.