Disclaimer
==========

*   GitHub: [BonnierNews/dn-design-system/web/src/components/disclaimer](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/disclaimer)
*   Storybook: [Disclaimer](https://designsystem.dn.se/?path=/docs/basic-disclaimer--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/disclaimer/disclaimer.scss'`

| Name | Description | Default |
|:--- | :--- | :--- |
| bodyHtml | Intended use is text, links and inlined icons<br />string | \- |
| iconName | For all available icons see: [https://designsystem.dn.se/?path=/story/foundations-icons--all-icons](https://designsystem.dn.se/?path=/story/foundations-icons--all-icons)<br />"search", "link", "x", "wifi\_off", "volume\_up", "volume\_off", "visibility\_off", "visibility" | \- |
| variant | The variant to render<br />"default", "native" | "default" |
| classNames | Ex. "my-special-class"<br />string | \- |
| attributes | Ex. { target: "\_blank", "data-test": "lorem ipsum" }<br />Record<string, unknown> | \- |

```jsx
<Disclaimer bodyHtml="Detta är en text publicerad på Dagens Nyheters ledarsidor. Ledarredaktionens politiska hållning är oberoende liberal. <a href='www.dn.se'>länk</a>" />
```