Missing Dependency Error Block for React

The Copy buttons are real: each writes its text to the clipboard and the status line says what was copied. Nothing is installed or built. The package is made up for the demo and says so on its card, so swap the name, version and commands in PACKAGE, VERSION and MANAGERS for yours.

No, and that is why it is marked as an example: a name that does not exist on a registry can be registered by anyone, so never paste a command from a demo into a real project. When you use the block, point it at a package you publish.

Only while it is open: the chosen tab is state in the page, and the status line says which command is showing. The tabs are a real tab list, so the arrow keys move between them, and each command window has its own tab stop and name.

They are the usual forms: install for npm, add for yarn, pnpm and bun. If your package needs a flag or a peer dependency, add it to the command string; the window, the Copy button and the status all read the same string.

Commands and the error line stay left to right inside their windows and strips. The headline, the sentences and the steps follow the page direction, with each sentence isolated so a package name or a period does not jump.

The headline and the button come first, then the error strip and the install tabs, then the package card and the steps stacked. The tabs and command windows scroll sideways inside themselves if a command is long; the page never does.