BlockedContent
==============

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

| Name | Description | Default |
|:--- | :--- | :--- |
| title\* | string | \- |
| body\* | string | \- |
| link\* | string | \- |
| forcePx | boolean | false |
| elementAttributes | { \[key: string\]: string; } | { } |
| classNames | Ex. "my-special-class"<br />string | ", " |
| attributes | Ex. { target: "\_blank", "data-test": "lorem ipsum" }<br />Record<string, unknown> | { } |

```jsx
<BlockedContent
  body="Innehållet från Twitter kunde inte visas på grund av dina val i kakinställningarna."
  link="https://twitter.com/LAGalaxy/status/1665752957919592448"
  title="Hoppsan, här saknas något"
/>
```