Usage
import { CardHeader } from 'nr1'Props
additionalInfoLinkshape
The information shown in the header can be complemented/extended with a link.
shape
labelrequiredstring
onClickfunction
Callback fired any time the user clicks on the link.
function (event: React.MouseEvent )toshape|string
Location object or url string to link to.
shape
pathnamerequiredstring
searchstring
hashstring
childrennode
Content to render inside the card body.
classNamestring
Appends class names to the component.
styleobject
Inline style for custom styling.
subtitlestring
Subtitle of the header.
testIdstring
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.
titlestring
Title of the header. Required when the title is not provided as children.