# Tabs and Tab

<Tabs>
  <Tab title="npm">
    ```bash
    npm install writedocs
    ```
  </Tab>
  <Tab title="pnpm">
    ```bash
    pnpm add writedocs
    ```
  </Tab>
  <Tab title="yarn">
    ```bash
    yarn add writedocs
    ```
  </Tab>
</Tabs>

````mdx
<Tabs>
  <Tab title="npm">
    ```bash
    npm install writedocs
    ```
  </Tab>
  <Tab title="pnpm">
    ```bash
    pnpm add writedocs
    ```
  </Tab>
</Tabs>
````

**`Tab` props**

<Parameter name="title" type="string" required>
  The label shown on its clickable pill.
</Parameter>

<Parameter name="icon" type="string">
  Shown before the title on the tab's pill. Any icon string, see [Icons](/docs/content/components/icon/#icons).
</Parameter>

**`Tabs` props**

<Parameter name="defaultTabIndex" type="number" default="0">
  Which tab is selected when the page loads, counting from 0.
</Parameter>