KokonutUI Logo

BT-06ButtonsUpdated, October 16, 2026

Command Button

A button with its shortcut drawn as keycaps that sink as you press the real keys.

Install with
no extra packages

PROPay Button and more like it are in Kokonut UI Pro

Installation

Command Button is a free, open-source React component in the Kokonut UI Buttons collection. Add it with the shadcn CLI, which copies the source into components/kokonutui/command-button.tsx, so the code is yours to change.

npx shadcn@latest add @kokonutui/command-button

Usage

import CommandButton from "@/components/kokonutui/command-button";

export default function Example() {
  return <CommandButton global={false} />;
}

Dependencies

Built with React and Tailwind CSS.

On this page

No Headings