# r-tabs
Tab navigation container that manages the relationship between `r-tabs-list` and `r-tab-panel` elements, including active state and optional URL-based navigation.
Example
```
Account
Security
Notifications
Account settings content.
Security settings content.
Notification settings content.
```
## class: `RTabs`, `r-tabs`
### Fields
| Name | Privacy | Type | Default | Description | Inherited From |
| ------------ | ------- | --------- | ------- | ----------------------------------------------------------------------------------------------- | -------------- |
| `navigation` | | `boolean` | | Determines if the tabs should update the browser's URL and allow navigation via history changes | |
### Events
| Name | Type | Description | Inherited From |
| --------- | -------------------------------------------- | --------------------------------------------------- | -------------- |
| `rChange` | `CustomEvent<{ element: HTMLRTabElement; }>` | Emits `rChange` event when active `` changes | |
### Attributes
| Name | Field | Inherited From |
| ------------ | ---------- | -------------- |
| `navigation` | navigation | |
### Slots
| Name | Description |
| ---- | ---------------------------------------- |
| | `r-tabs-list` and `r-tab-panel` elements |
## Exports
| Kind | Name | Declaration | Module | Package |
| --------------------------- | -------- | ----------- | ------ | ------- |
| `js` | `RTabs` | RTabs | | |
| `custom-element-definition` | `r-tabs` | RTabs | | |