---
description: 'NavPills component.'
labels: ['mui', 'react', 'nav-pills']
---

import NavPills from './NavPills'
import { tabs } from './mocks'

## Basic NavPills component

Basic example that renders a nav-pills

### Component usage

```js
<NavPills tabs={tabs(false, true)} />
```

### Use this live example to interact with NavPills component

Live example:

```js live
<NavPills tabs={tabs(false, true)} />
```
