Actions for the user to take after reading the section message. Accepts a ReactElement or an array of one or more SectionMessageAction React elements, which are applied as link buttons. Middle dots are automatically added between multiple link buttons, so no elements should be present between multiple actions.

In general, avoid using more than two actions.

The appearance styling to use for the section message.

The main content of the section message. This accepts a react node, although we recommend that this should be a paragraph.

Allows the section message's title to be rendered as the specified HTML heading element. The default heading element is h2.

Allows the section message's title to be rendered as the specified HTML heading element. The default heading element is h2.

An Icon component to be rendered instead of the default icon for the component. This should only be an @atlaskit/icon icon. You can check out this example to see how to provide this icon.

Displays a dismiss button, that allows the user to dismiss the message. It will be removed from the DOM immediately and will not be re-rendered. It does not handle persistence of the dismissed state across page reloads or remounts.

A callback function that is called when the user dismisses the message.

Allows getting a ref to the component instance. Once the component unmounts, React will set ref.current to null (or call the ref with null if you passed a callback ref).

@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}

A testId prop is a unique string that appears as a data attribute data-testid in the rendered code, serving as a hook for automated tests.

The heading of the section message.

The heading of the section message.

The text that needs to be displayed for section message action.

The URL that the rendered link button will point to.

A custom link component. This prop is designed to allow a custom link component to be passed to the rendered link button. The intended use-case is for when a custom router component such as react router is being used within the application.

This component will only be used if a href prop is passed.

Click handler which will be attached to the rendered link button. The second argument can be used to track analytics data. See the tutorial in the analytics-next package for details.

The target attribute of the link. This is only used if the href prop is passed.

A testId prop is a unique string that appears as a data attribute data-testid in the rendered code, serving as a hook for automated tests.