Tabs & Steps

Built-in components for organising content into tabs or numbered steps. Both are imported from nextra/components.

Tabs

Useful for showing the same task across different platforms or tools.

Usage

Add the import at the top of your MDX file:

import { Tabs } from 'nextra/components'

Then use it in your content:

{`<Tabs items={['PowerShell', 'Bash', 'Python']}>`}
 
{`  <Tabs.Tab>Content for tab 1</Tabs.Tab>`}
 
{`  <Tabs.Tab>Content for tab 2</Tabs.Tab>`}
 
{`</Tabs>`}

Live example

Get-ChildItem -Recurse

find . -type f

import os
for f in os.walk('.'):
    print(f)

Default tab

Set a different default tab with defaultIndex (zero-based):

{`<Tabs items={['PowerShell', 'Bash']} defaultIndex="1">`}
 
{`  ...`}
 
{`</Tabs>`}

Steps

Turns a set of headings into a numbered visual sequence. Useful for multi-step procedures.

Usage

Add the import at the top of your MDX file:

import { Steps } from 'nextra/components'

Then wrap your headings:

{`<Steps>`}
 
{`### Step 1`}
 
{`Content for step 1.`}
 
{`### Step 2`}
 
{`Content for step 2.`}
 
{`</Steps>`}

Live example

Install-Module Microsoft.Graph -Scope CurrentUser

Connect-MgGraph -Scopes "User.Read.All"

.\my-script.ps1