- 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/article-disclaimer--docs)
- Storybook (Latest): [Disclaimer](https://designsystem-latest.dn.se/?path=/docs/article-disclaimer--docs)

----

# Disclaimer

## Parameters

|parameter | type | required | options | default | description |
|:--- | :--- | :--- | :--- | :--- | :--- |
|bodyHtml | String | yes | | | Intended use is text, links and inlined icons |
|iconName | String | no | add, arrow_back, arrow_forward etc | | For all available icons see: https://designsystem.dn.se/?path=/story/foundations-icons--all-icons |
|variant | String | no | default, native | default | |
|attributes | Object | no | | | Ex. { target: "_blank", "data-test": "lorem ipsum" } |
|classNames | String | no | | | Ex. "my-special-class" |
|forcePx | bool | no | true, false | false | Fixed pixel value is used for typography to prevent scaling based on html font-size

## Minimum requirement example

### Nunjucks

These are copy paste friendly examples to quickliy get started using a component.

```html
{% from '@bonniernews/dn-design-system-web/components/disclaimer/disclaimer.njk' import Disclaimer %}

{{ Disclaimer({
  bodyHtml: "<strong>Detta är</strong> en text publicerad på Dagens Nyheters ledarsidor. Ledarredaktionens politiska hållning är oberoende liberal."
})}}
```

### SCSS
```scss
@use "@bonniernews/dn-design-system-web/components/disclaimer/disclaimer";
```