### Description
Present a collection of relevant content from several widgets. The Tabbed Content widget shows category tabs, each of which can be configured to show items in that category. This widget takes a widget id in the configuration (explained below) along with options for using different templates, assigning column classes, and setting a limit.
### Instance Options
| Option | Property | Comments | Default Value | Source |
| ----- |:-----:| ---- | ---- | ---- |
| Configuration | `config` | Displays debug messages about configuration records to help troubleshoot issues. | `Default value` | Options Schema |
| Template | `template` | Used to name the bootstrap class for the widget. | `Default value` | Instance |
### CSS/SASS Variables
_CSS/SASS variables are given default values that can be overridden with theming or portal-level CSS._
| Variable | Comments |
| -------- |:---|
| `$nr-tabbed-content-color` | This variable controls the color of the panel heading. |
### Templates
| Name | Comments |
| -------- |:---|
| `nr-tabs-pills.html` | Displays tabbed content in pill form. |
| `nr-tabs-default.html` | Displays the default template. |
| `nr-tabs-responsive.html` | Displays responsive tabbed content. |
### Configuration
```json
{
"options": {
"tabs":[
{
"title":"Popular",
"widget_id":"nr-popular-items",
"options": {
"template": "nr-popular-items-cards.html",
"limit": 6,
"col_class": "col-md-3"
}
},
{
"title":"IT Services",
"widget_id":"nr-sc-category-buttons",
"options": {
"catalog_id": "e0d08b13c3330100c8b837659bba8fb4"
}
},
{
"title":"Cool Clocks",
"widgets": [
{
"widget_id":"widget-cool-clock",
"options": {},
"col_class": "col-md-6"
},
{
"widget_id":"widget-cool-clock",
"options": {},
"col_class": "col-md-6"
}
]
}
]
}
}
```
.svg)
