react.dev icon indicating copy to clipboard operation
react.dev copied to clipboard

docs: add tabbed terminal component, show npm/bun install

Open Electroid opened this issue 8 months ago • 4 comments
trafficstars

This adds support for a new component: TabTerminalBlock, which is similar to the TerminalBlock component, except it has support for multiple tabs.

The first place this is used is to show support for multiple package managers, such as npm and bun. Here's an example of the old component and the new component.

Before After

Also, the code tabs is synced. When you select one, it switches the other code tab as well.

For further context, Bun is a npm-compatible package manager that is designed to be used with Node.js. While it's also a JavaScript runtime, these changes are limited to showing Bun as an install option alongside npm install react, not as a runtime option.

These changes also allow the future addition of other package managers that can be used to install React.

Preview URL

Click here to preview these changes from this pull request.

Electroid avatar Mar 08 '25 02:03 Electroid