Package Install
Switch between npm, pnpm, yarn, and bun installation commands.
Stable
- Introduced
- v0.1.4
- Supported through
- Latest
Usage
Pass a package name to generate installation commands for all four package managers. Each tab shows the manager's icon and a command you can copy.
Terminal
npm install @code-altas/ui@betaTerminal
pnpm install @code-altas/ui@betaTerminal
yarn add @code-altas/ui@betaTerminal
bun add @code-altas/ui@beta| Package manager | Command |
|---|---|
| npm | npm install @code-altas/ui@beta |
| pnpm | pnpm install @code-altas/ui@beta |
| yarn | yarn add @code-altas/ui@beta |
| bun | bun add @code-altas/ui@beta |
Package scopes, versions, and distribution tags are preserved. You can also supply multiple package names separated by spaces.
Default Manager
The first selected tab is npm. Use defaultManager to start with a different package manager. Readers can still switch between all four tabs.
Terminal
npm install @code-altas/ui@betaTerminal
pnpm install @code-altas/ui@betaTerminal
yarn add @code-altas/ui@betaTerminal
bun add @code-altas/ui@betaDefault Manager
<PackageInstall package="@code-altas/ui@beta" defaultManager="pnpm" />Multiple Packages
Terminal
npm install react react-domTerminal
pnpm install react react-domTerminal
yarn add react react-domTerminal
bun add react react-domMultiple Packages
<PackageInstall package="react react-dom" />Props
PackageInstall Props3 properties
| Property | Type | Default | Description |
|---|---|---|---|
package | string | - | Required package name, optionally including a version or tag. Separate multiple packages with spaces. |
defaultManager | npm | pnpm | yarn | bun | npm | Initially selected package manager. |
className | string | - | Additional classes for the component. |