---
title: Component kitchen sink for testing
source: https://docs.newrelic.com/docs/mdx-test-page
---

### Collapsers

**Collapser 1**

This is our first example collapser.

**Collapser 2**

This collapser contains a code block.

```python
metadata = {"environment": "notebook"}
model_version = "1.0"
features_columns, labels_columns = (
    ["feature_1", "feature_2", "feature_3", "feature_4"],
    ["target"],
)

ml_monitor = MLPerformanceMonitoring(
    insert_key=None,  # set the environment variable NEW_RELIC_INSERT_KEY or send your insert key here
    model_name="My stunning model",
    metadata=metadata,
    features_columns=features_columns,
    labels_columns=labels_columns,
    label_type="numeric",
    model_version=model_version
)
```

### Collapser Groups

**Collapser 1**

This is our first example collapser.

**Collapser 2**

This collapser contains a code block.

````python
metadata = {"environment": "notebook"}
model_version = "1.0"
features_columns, labels_columns = (
    ["feature_1", "feature_2", "feature_3", "feature_4"],
    ["target"],
)

ml_monitor = MLPerformanceMonitoring(
    insert_key=None,  # set the environment variable NEW_RELIC_INSERT_KEY or send your insert key here
    model_name="My stunning model",
    metadata=metadata,
    features_columns=features_columns,
    labels_columns=labels_columns,
    label_type="numeric",
    model_version=model_version
)
```

````

### Code Block

```jsx
<Tabs>
	<TabsBar>
		<TabsBarItem id="tab-1">Tab one</TabsBarItem>
		<TabsBarItem id="tab-2">Tab two</TabsBarItem>
		<TabsBarItem id="tab-3">Tab three</TabsBarItem>
	</TabsBar>

	<TabsPages>
		<TabsPageItem id="tab-panel-1">
      Contents for tab one
		</TabsPageItem>
		<TabsPageItem id="tab-panel-2">
      Contents for tab two
		</TabsPageItem>
		<TabsPageItem id="tab-panel-3">
      Contents for tab three
		</TabsPageItem>
	</TabsPages>
</Tabs>
```

### Tabs

#### Tabs with image

This tab has an image.

![A screenshot of a popover](https://docs.newrelic.com/images/style-guide_screenshot-crop_popover.webp "Popover")

#### Tabs with text

Contents for tab two

#### Tabs with code

This tab has a code block.

````python
metadata = {"environment": "notebook"}
model_version = "1.0"
features_columns, labels_columns = (
    ["feature_1", "feature_2", "feature_3", "feature_4"],
    ["target"],
)
```

````

### Popovers

This is an example of an inline popover component for APM