React kbd - Key Sequence with Then

kbd - Sequence pattern component

Looking to implement shadcn/ui patterns?

Join our Discord community for help from other developers.

CtrlKthenB

Loading preview...

Pattern created by @haydenbleasel

Installation

npx shadcn@latest add https://www.shadcn.io/registry/kbd-sequence-1.json

npx shadcn@latest add https://www.shadcn.io/registry/kbd-sequence-1.json

pnpm dlx shadcn@latest add https://www.shadcn.io/registry/kbd-sequence-1.json

bunx shadcn@latest add https://www.shadcn.io/registry/kbd-sequence-1.json

React kbd - Hover State

kbd - Pressed State pattern component

React kbd - Key Sequence with Arrow

kbd - Sequence pattern component