DocumentationDocumentationShowcaseShowcaseAboutAbout
GitHubGitHub (opens in a new tab)
  • Introduction
  • Guide
    • Organize Files
    • Markdown
    • Syntax Highlighting
    • Next.js Link
    • Next.js Image
    • Next.js SSG
    • Next.js I18n
    • Custom CSS
    • Advanced
      • Npm2Yarn
      • Mermaid
      • Tailwind CSS
      • LaTeX
      • Rendering Tables
      • TypeScript
      • Remote Content
    • Built-ins
      • Callout
      • Tabs
      • Cards
      • Steps
      • FileTree
  • Themes
  • Docs Theme
    • Get Started
    • Page Configuration
    • Theme Configuration
    • Built-ins
      • Bleed
      • useConfig
  • Blog Theme
    • Get Started
  • Custom Theme
  • More
  • About Nextra
  • Next.js Docs ↗ (opens in a new tab)

On This Page

  • Example
  • Usage
Question? Give us feedback → (opens in a new tab)Edit this page on GitHub →
Documentation
Guide
Advanced
Npm2Yarn

Npm2Yarn

Nextra uses @theguild/remark-npm2yarn (opens in a new tab) package that replaces the code block that has npm2yarn metadata with <Tabs /> and <Tabs.Tab /> components from nextra/components.

The chosen tab is saved in the local storage, which will be chosen in future page renders.

Example

npm i -D @graphql-eslint/eslint-plugin

Usage

Markdown
```sh npm2yarn
npm i -D @graphql-eslint/eslint-plugin
```
AdvancedMermaid

Powered byVercel

© 2024 The Nextra Project.