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
      • Google Analytics
    • Built-ins
      • Callout
      • Tabs
      • Cards
      • Steps
      • FileTree
  • Themes
  • Docs Theme
    • Get Started
    • Page Configuration
    • Theme Configuration
    • Built-ins
      • Bleed
  • Blog Theme
    • Get Started
  • Custom Theme
  • More
  • About Nextra
  • Next.js Docs ↗ (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
          • Example
          • Usage
        • Mermaid
        • Tailwind CSS
        • LaTeX
        • Rendering Tables
        • TypeScript
        • Remote Content
        • Google Analytics
      • Built-ins
        • Callout
        • Tabs
        • Cards
        • Steps
        • FileTree
    • Themes
    • Docs Theme
      • Get Started
      • Page Configuration
      • Theme Configuration
      • Built-ins
        • Bleed
    • Blog Theme
      • Get Started
    • Custom Theme
    • More
    • About Nextra
    • Next.js Docs ↗ (opens in a new tab)
    • Showcase
  • About

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 <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

© 2023 The Nextra Project.