Tabs

Use tabs when the same conceptual step has multiple equivalent forms — e.g., "install with npm vs. pnpm vs. yarn." Don't use tabs to hide unrelated content; readers won't find it.

<Tabs>
  <Tab title="npm">npm install your-package</Tab>
  <Tab title="pnpm">pnpm add your-package</Tab>
  <Tab title="yarn">yarn add your-package</Tab>
</Tabs>

Tips

• Order tabs by what most readers want first.
• Keep each tab roughly equivalent in length.
• For very different content (e.g., Python vs. JS), consider separate pages.