TeaserDot
=========

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

You can override size of the dot:

```javascript
.ds-teaser-dot {
// use css variable to optionally override size
--ds-teaser-dot-size: 10px;
}
```

| Name | Description | Default |
|:--- | :--- | :--- |
| flashing | boolean | \- |
| forcePx | boolean | \- |
| classNames | Ex. "my-special-class"<br />string | \- |
| attributes | Ex. { target: "\_blank", "data-test": "lorem ipsum" }<br />Record<string, unknown> | { } |

```jsx
<TeaserDot />
```