Bento Growth
newA big number counting up in a framed display, with a pill over it and rails out to two lamps.
Growth increased
240%
Growth you can see
Net revenue against last quarter, with the change that moved it.
Installation
npx shadcn@latest add @blank/bento-growthUsage
import { BentoGrowth } from "@/components/ui/bento-growth"<BentoGrowth value={24} label="Growth increased" />The lamps at the ends of the rails light when the count lands. The chevrons
and the pill's dot are green by default because the number is a gain; set
--bento-light on the card to show a different meaning.