# nav-item — Examples

## text + icon

```html
<nav-ui style="width:200px;">
  <nav-item-ui text="Dashboard" value="dashboard"></nav-item-ui>
</nav-ui>
```

## selected

```html
<nav-ui style="width:200px;">
  <nav-item-ui text="Inbox" icon="envelope" value="inbox" selected></nav-item-ui>
</nav-ui>
```

## disabled

```html
<nav-ui style="width:200px;">
  <nav-item-ui text="Archived" icon="archive" value="archived" disabled></nav-item-ui>
</nav-ui>
```
