CorrectionNotice
================

*   GitHub: [BonnierNews/dn-design-system/web/src/components/correction-notice](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/correction-notice)
*   Storybook: [CorrectionNotice](https://designsystem.dn.se/?path=/docs/basic-correctionnotice--docs)

The component will not include styling by itself. Make sure to include the right styles for the component. See example below: `@use '@bonniernews/dn-design-system-web/components/correction-notice/correction-notice.scss'`

| Name | Description | Default |
|:--- | :--- | :--- |
| text\* | Text displayed to the left, e.g. "Har du upptäckt ett fel?"<br />string | \- |
| buttonText\* | Button label, e.g. "Kontakta DN"<br />string | \- |
| href\* | URL for the button (typically a mailto: link)<br />string | \- |
| classNames | Ex. "my-special-class"<br />string | \- |
| attributes | Ex. { target: "\_blank", "data-test": "lorem ipsum" }<br />Record<string, unknown> | \- |

```jsx
<CorrectionNotice
  buttonText="Kontakta DN"
  href="mailto:ratta@dn.se?subject=R%C3%A4ttelse"
  text="Har du upptäckt ett fel?"
/>
```