# r-tab-panel The content panel associated with an `r-tab`, shown when its corresponding tab is active. Example ``` Overview Details Overview content. Details content. ``` ## class: `RTabPanel`, `r-tab-panel` ### Fields | Name | Privacy | Type | Default | Description | Inherited From | | -------- | ------- | --------- | ------- | ----------------------------------------- | -------------- | | `active` | | `boolean` | `false` | Defines if the `panel` is hidden | | | `tabId` | | `string` | | Id of the 'tab' connected to this `panel` | | ### Attributes | Name | Field | Inherited From | | -------- | ------ | -------------- | | `active` | active | | | `tab-id` | tabId | | ### Slots | Name | Description | | ---- | -------------------------------------------------------- | | | Content displayed inside the tab panel when it is active |

---

## Exports | Kind | Name | Declaration | Module | Package | | --------------------------- | ------------- | ----------- | ------ | ------- | | `js` | `RTabPanel` | RTabPanel | | | | `custom-element-definition` | `r-tab-panel` | RTabPanel | | |