@bonniernews/dn-design-system-web 32.7.18 → 32.7.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md
CHANGED
|
@@ -4,6 +4,13 @@ All changes to @bonniernews/dn-design-system-web will be documented in this file
|
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
|
+
## [32.7.19](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@32.7.18...@bonniernews/dn-design-system-web@32.7.19) (2025-07-08)
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
### Bug Fixes
|
|
11
|
+
|
|
12
|
+
* **web:** forgot to save the old NJK readme for TeaserTipsa ([#1822](https://github.com/BonnierNews/dn-design-system/issues/1822)) ([6c6fa15](https://github.com/BonnierNews/dn-design-system/commit/6c6fa15247e69e91abb44be09a49578941319553))
|
|
13
|
+
|
|
7
14
|
## [32.7.18](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@32.7.17...@bonniernews/dn-design-system-web@32.7.18) (2025-07-08)
|
|
8
15
|
|
|
9
16
|
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
- GitHub: [BonnierNews/dn-design-system/../web/src/components/teaser-tipsa](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/teaser-tipsa)
|
|
2
|
+
- Storybook: [TeaserTipsa](https://designsystem.dn.se/?path=/docs/section-teasertipsa--docs)
|
|
3
|
+
- Storybook (Latest): [TeaserTipsa](https://designsystem-latest.dn.se/?path=/docs/section-teasertipsa--docs)
|
|
4
|
+
|
|
5
|
+
----
|
|
6
|
+
|
|
7
|
+
# teaser-tipsa
|
|
8
|
+
|
|
9
|
+
It's quite common to include a dot in the title string, like "• This is a title"
|
|
10
|
+
|
|
11
|
+
## Parameters
|
|
12
|
+
|
|
13
|
+
|parameter | type | required | options | default | description |
|
|
14
|
+
|:--- | :--- | :--- | :--- | :--- | :--- |
|
|
15
|
+
|title | String | yes | | | Heading of the teaser |
|
|
16
|
+
|targetLink | String | yes | | | Target URL for the teaser |
|
|
17
|
+
|text | String | no | | | Teaser subtext |
|
|
18
|
+
|areaType | String | no | "right" or "bauta" or "bautaxl" | | The area where the column is rendered |
|
|
19
|
+
|theme | String | no | nyheter, kultur | (empty) | The theme-class to apply to the teaser |
|
|
20
|
+
|attributes | Object | no | | | Ex. { target: "_blank", "data-test": "lorem ipsum" } |
|
|
21
|
+
|classNames | String | no | | | Ex. "my-special-class" |
|
|
22
|
+
|~forcePx~ | | | | | Not supported |
|
|
23
|
+
|
|
24
|
+
## Minimum requirement example
|
|
25
|
+
|
|
26
|
+
### Nunjucks
|
|
27
|
+
|
|
28
|
+
These are copy paste friendly examples to quickliy get started using a component.
|
|
29
|
+
|
|
30
|
+
```html
|
|
31
|
+
{% from '@bonniernews/dn-design-system-web/components/teaser-tipsa/teaser-tipsa.njk' import TeaserTipsa %}
|
|
32
|
+
|
|
33
|
+
{{ TeaserTipsa({
|
|
34
|
+
title: "• Jessie Ware låter den fullödiga fullängdaren vänta på sig",
|
|
35
|
+
})}}
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
### SCSS
|
|
39
|
+
```scss
|
|
40
|
+
@use "@bonniernews/dn-design-system-web/components/teaser-tipsa/teaser-tipsa" as *;
|
|
41
|
+
```
|
package/package.json
CHANGED