### CNav

```jsx
import { CNav } from '@coreui/vue'
// or
import CNav from '@coreui/vue/src/components/nav/CNav'
```

#### Props

| Prop name   | Description                                                                             | Type   | Values                                                   | Default |
| ----------- | --------------------------------------------------------------------------------------- | ------ | -------------------------------------------------------- | ------- |
| **as**      | Component used for the root node. Either a string to use a HTML element or a component. | string | -                                                        | 'ul'    |
| **layout**  | Specify a layout type for component.                                                    | string | `'fill'`, `'justified'`                                  | -       |
| **variant** | Set the nav variant to tabs or pills.                                                   | string | `'pills'`, `'tabs'`, `'underline'`, `'underline-border'` | -       |
