Skip to content

Demo

After installing the package, you can use the component provided by starlight-package-managers in any MDX files of your Starlight documentation site.

src/content/docs/example.mdx
import { PackageManagers } from 'starlight-package-managers'
<PackageManagers pkg="astro" />
Preview
Terminal window
npm i astro

You can also use the compact variant to merge the package manager tabs with the code frame. Selections stay synced between both variants on the same page.

npm create astro@latest -- --template starlight