ImageCaption
============

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

| Name | Description | Default |
|:--- | :--- | :--- |
| caption | Ex "Detta är en bildtext"<br />string | \- |
| author | Ex "Paul Hansen"<br />string | \- |
| imageType | Type of image. Ex "Foto" or "Illustration"<br />string | \- |
| forcePx | Fixed pixel value is used for typography to prevent scaling based on html font-size<br />boolean | \- |
| classNames | Ex. "my-special-class"<br />string | \- |
| attributes | Ex. { target: "\_blank", "data-test": "lorem ipsum" }<br />Record<string, unknown> | \- |

```jsx
<ImageCaption
  author="Paul Hansen"
  caption="Detta är en bildtext"
  imageType="Foto"
/>
```