Bento

Bento Schedule

Pronew

A term track that fills stop by stop to a check, with the chosen term and a note hanging off it.

Repayment schedule

Choose your term

3–12 months

Built around your cash flow

Repay on your terms

Pick a term that fits your revenue and change it later without fees.

Installation

npx shadcn@latest add @blank-pro/bento-schedule

Needs a Blank Pro licence key and the @blank-pro registry. Set up Pro access

Usage

import { BentoSchedule } from "@/components/ui/bento-schedule"

<BentoSchedule
  label="Repayment schedule"
  caption="Choose your term"
  value="3–12 months"
  note="Built around your cash flow"
/>

The track keeps going past the check on purpose: the pick reads as one choice among longer terms. steps sets how many stops it fills through. The fill follows --bento-light on the card, so a tinted card fills in its tint.