Bento

Bento Deploy

Pronew

A success toast that drops in with a drawn check, over a row of stats that count up.

Ship in one push

Every merge builds, checks and goes live on its own, with the numbers to prove it.

Deployment successfulProduction is live with zero downtime.

Live

0.00%Uptime

0.0sBuild time

0%Faster

Installation

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

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

Usage

import { BentoDeploy } from "@/components/ui/bento-deploy"

<BentoDeploy
  title="Deployment successful"
  description="Production is live with zero downtime."
  status="Live"
  stats={[
    { label: "Uptime", value: 99.98, unit: "%", icon: <ActivityIcon /> },
    { label: "Build time", value: 1.2, unit: "s", icon: <TimerIcon /> },
  ]}
/>

The check is the one colored mark: success green, because it states a result. Each stat counts up with as many decimals as its value has.