Skip to Content
🎉 Nextra 4.0 is released. Dima Machina is looking for a new job or consulting .
DocumentationBuilt-In ComponentsTabs

<Tabs> Component

Example

pnpm: Fast, disk space efficient package manager.

Usage

Default

import { Tabs } from 'nextra/components'
 
<Tabs>
  <Tabs.Tab name="pnpm">**pnpm**: Fast, disk space efficient package manager.</Tabs.Tab>
  <Tabs.Tab name="npm">**npm** is a package manager for the JavaScript programming language.</Tabs.Tab>
  <Tabs.Tab name="yarn">**Yarn** is a software packaging system.</Tabs.Tab>
</Tabs>

Default Selected Index

You can use the defaultIndex prop to set the default tab index:

import { Tabs } from 'nextra/components'
 
<Tabs defaultIndex="1">...</Tabs>

And you will have npm as the default tab:

Last updated on
TableDocs Theme