---
title: CardSectionHeader
source: https://docs.newrelic.com/docs/new-relic-solutions/build-nr-ui/sdk-component/structure/CardSectionHeader
---

Child element of the `<CardSection>` component.

### Usage

```js
import { CardSectionHeader } from 'nr1'
```

### Props

| `additionalInfoLink` shape | The information shown in the header can be complemented/extended with a link. shape `label` REQUIREDstring `onClick` function Callback fired any time the user clicks on the button. `to` shape\|string Location object or url string to link to. shape `pathname` REQUIREDstring `search` string `hash` string                                                     |
| -------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `children` node            | Content to render inside the section body.                                                                                                                                                                                                                                                                                                                          |
| `className` string         | Appends class names to the component.                                                                                                                                                                                                                                                                                                                               |
| `style` object             | Inline style for custom styling.                                                                                                                                                                                                                                                                                                                                    |
| `testId` string            | Adds a `data-test-id` attribute. Use it to target the component in unit and E2E tests.For a test id to be valid, prefix it with your nerdpack id, followed up by a dot.For example, `my-nerdpack.some-element`. **Note:** You might not see `data-test-id` attributes as they are removed from the DOM, to debug them pass a `e2e-test` query parameter to the URL. |
| `title` string             | Title of the header. Required when the title is not provided as children.                                                                                                                                                                                                                                                                                           |