Bento

Bento Actions

Pronew

A context menu of inbox actions with a teammate's cursor moving through it.

Triage together

See which thread a teammate is on and what they are about to do with it, before two people answer the same email.

Installation

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

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

Usage

import { BentoActions } from "@/components/ui/bento-actions"

<BentoActions
  collaborator="Sarah"
  active={3}
  items={[
    { label: "Mark as unread", icon: <MailOpenIcon />, shortcut: "U" },
    { label: "Snooze", icon: <ClockIcon />, shortcut: "H" },
    { label: "Add label", icon: <TagIcon />, shortcut: "L" },
  ]}
/>

The collaborator's cursor is the one color on the card, in the info role, so it reads as another person rather than your own pointer. It glides in to active on first view and moves to the neighbouring action on hover.