hr-design-system-handlebars 0.49.3 → 0.49.4
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 +12 -0
- package/package.json +1 -1
- package/src/assets/fixtures/site_header/sectionNavigation_mit_submenu.inc.json +1 -1
- package/src/assets/fixtures/site_header/serviceNavigation_selected.inc.json +276 -0
- package/src/assets/fixtures/site_header/site_header_mit_submenu.json +1 -1
- package/src/assets/fixtures/site_header/site_header_mit_submenu_service_selected.json +16 -0
- package/src/stories/views/components/page/page.stories.mdx +18 -7
- package/src/stories/views/components/site_header/fixtures/sectionNavigation_mit_submenu.inc copy.json +1 -0
- package/src/stories/views/components/site_header/fixtures/site_header_mit_submenu.json +1 -1
- package/src/stories/views/components/site_header/fixtures/site_header_mit_submenu_service_selected.json +1 -0
- package/src/stories/views/components/site_header/header.stories.mdx +2 -2
- package/src/stories/views/components/site_header/brandNavigationData.json +0 -73
- package/src/stories/views/components/site_header/brand_navigation/brand_navigation.stories.mdx +0 -25
- package/src/stories/views/components/site_header/brand_navigation/brand_navigation_item.stories.mdx +0 -46
- package/src/stories/views/components/site_header/navigation.json +0 -573
- package/src/stories/views/components/site_header/navigation2.json +0 -588
- package/src/stories/views/components/site_header/navigation3.json +0 -646
- package/src/stories/views/components/site_header/navigation4.json +0 -645
- package/src/stories/views/components/site_header/navigation_flyout/navigation_flyout.stories.mdx +0 -42
- package/src/stories/views/components/site_header/navigation_search/quick_search_button.stories.mdx +0 -17
- package/src/stories/views/components/site_header/navigation_search/quick_search_form.stories.mdx +0 -17
- package/src/stories/views/components/site_header/sectionNavigationData.json +0 -87
- package/src/stories/views/components/site_header/section_navigation/section_navigation.stories.mdx +0 -25
- package/src/stories/views/components/site_header/section_navigation/section_navigation_item.stories.mdx +0 -59
- package/src/stories/views/components/site_header/serviceNavigationData.json +0 -312
- package/src/stories/views/components/site_header/service_navigation/service_list.stories.mdx +0 -25
- package/src/stories/views/components/site_header/service_navigation/service_navigation_item.stories.mdx +0 -45
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
# v0.49.4 (Tue Jul 05 2022)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- removes unused json files, renames header stories [#260](https://github.com/mumprod/hr-design-system-handlebars/pull/260) ([@StefanVesper](https://github.com/StefanVesper))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
1
13
|
# v0.49.3 (Tue Jul 05 2022)
|
|
2
14
|
|
|
3
15
|
#### 🐛 Bug Fix
|
package/package.json
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"main": "dist/index.js",
|
|
8
8
|
"repository": "https://github.com/szuelch/hr-design-system-handlebars",
|
|
9
|
-
"version": "0.49.
|
|
9
|
+
"version": "0.49.4",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "start-storybook -p 6006 public",
|
|
@@ -0,0 +1,276 @@
|
|
|
1
|
+
[
|
|
2
|
+
{
|
|
3
|
+
"navigationItems": [
|
|
4
|
+
{
|
|
5
|
+
"id": "video-podcast",
|
|
6
|
+
"text": "Video & Podcast",
|
|
7
|
+
"icon": "videopodcast-ds",
|
|
8
|
+
"flyoutStartLinkText": "Übersicht Video & Podcast",
|
|
9
|
+
"selected": false,
|
|
10
|
+
"isCluster": false,
|
|
11
|
+
"url": "https://www.video-podcast.de",
|
|
12
|
+
"subNavigation": {
|
|
13
|
+
"showAsFlyout": true,
|
|
14
|
+
"columnCount": "2",
|
|
15
|
+
"items": false,
|
|
16
|
+
"columns": [
|
|
17
|
+
[
|
|
18
|
+
{
|
|
19
|
+
"title": "Aktuelle Sendung",
|
|
20
|
+
"text": "Aktuelle Sendung",
|
|
21
|
+
"link": {
|
|
22
|
+
"url": "http://www.test.de",
|
|
23
|
+
"hasIcon": false,
|
|
24
|
+
"iconName": "extern"
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
{
|
|
28
|
+
"title": "Archiv - alle Sendungen",
|
|
29
|
+
"text": "Archiv - alle Sendungen",
|
|
30
|
+
"link": {
|
|
31
|
+
"url": "http://www.test.de",
|
|
32
|
+
"hasIcon": false,
|
|
33
|
+
"iconName": "extern"
|
|
34
|
+
}
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
"title": "Newsflash",
|
|
38
|
+
"text": "Newsflash",
|
|
39
|
+
"link": {
|
|
40
|
+
"url": "http://www.test.de",
|
|
41
|
+
"hasIcon": false,
|
|
42
|
+
"iconName": "extern"
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
"title": "DAS THEMA",
|
|
47
|
+
"text": "DAS THEMA",
|
|
48
|
+
"link": {
|
|
49
|
+
"url": "http://www.test.de",
|
|
50
|
+
"hasIcon": false,
|
|
51
|
+
"iconName": "extern"
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
"title": "Die hessenschau in 100 Sekunden",
|
|
56
|
+
"text": "Die hessenschau in 100 Sekunden",
|
|
57
|
+
"link": {
|
|
58
|
+
"url": "http://www.test.de",
|
|
59
|
+
"hasIcon": false,
|
|
60
|
+
"iconName": "extern"
|
|
61
|
+
}
|
|
62
|
+
},
|
|
63
|
+
{
|
|
64
|
+
"title": "Podcasts",
|
|
65
|
+
"text": "Podcasts",
|
|
66
|
+
"link": {
|
|
67
|
+
"url": "http://www.test.de",
|
|
68
|
+
"hasIcon": false,
|
|
69
|
+
"iconName": "extern"
|
|
70
|
+
}
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
"title": "hessenschau in der ARD Mediathek",
|
|
74
|
+
"text": "hessenschau in der ARD Mediathek",
|
|
75
|
+
"link": {
|
|
76
|
+
"url": "http://www.test.de",
|
|
77
|
+
"hasIcon": true,
|
|
78
|
+
"iconName": "extern"
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
],
|
|
82
|
+
[
|
|
83
|
+
{
|
|
84
|
+
"title": "hessenschau auf YouTube",
|
|
85
|
+
"text": "hessenschau auf YouTube",
|
|
86
|
+
"link": {
|
|
87
|
+
"url": "http://www.test.de",
|
|
88
|
+
"hasIcon": true,
|
|
89
|
+
"iconName": "extern"
|
|
90
|
+
}
|
|
91
|
+
},
|
|
92
|
+
{
|
|
93
|
+
"title": "Livestream hr-fernsehen",
|
|
94
|
+
"text": "Livestream hr-fernsehen",
|
|
95
|
+
"link": {
|
|
96
|
+
"url": "http://www.test.de",
|
|
97
|
+
"hasIcon": true,
|
|
98
|
+
"iconName": "extern"
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
]
|
|
102
|
+
]
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
]
|
|
106
|
+
},
|
|
107
|
+
{
|
|
108
|
+
"navigationItems": [
|
|
109
|
+
{
|
|
110
|
+
"id": "weather",
|
|
111
|
+
"text": "Wetter",
|
|
112
|
+
"icon": "wetter-ds",
|
|
113
|
+
"flyoutStartLinkText": "Übersicht Wetter",
|
|
114
|
+
"selected": true,
|
|
115
|
+
"url": "https://www.weather.de",
|
|
116
|
+
"subNavigation": {
|
|
117
|
+
"showAsFlyout": true,
|
|
118
|
+
"columnCount": "2",
|
|
119
|
+
"items": false,
|
|
120
|
+
"columns": [
|
|
121
|
+
[
|
|
122
|
+
{
|
|
123
|
+
"title": "Unwetterwarnungen",
|
|
124
|
+
"text": "Unwetterwarnungen",
|
|
125
|
+
"link": {
|
|
126
|
+
"url": "http://www.test.de",
|
|
127
|
+
"hasIcon": false,
|
|
128
|
+
"iconName": "extern"
|
|
129
|
+
}
|
|
130
|
+
},
|
|
131
|
+
{
|
|
132
|
+
"title": "Regenradar",
|
|
133
|
+
"text": "Regenradar",
|
|
134
|
+
"link": {
|
|
135
|
+
"url": "http://www.test.de",
|
|
136
|
+
"hasIcon": false,
|
|
137
|
+
"iconName": "extern"
|
|
138
|
+
}
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
"title": "Wolkenfilm",
|
|
142
|
+
"text": "Wolkenfilm",
|
|
143
|
+
"link": {
|
|
144
|
+
"url": "http://www.test.de",
|
|
145
|
+
"hasIcon": false,
|
|
146
|
+
"iconName": "extern"
|
|
147
|
+
}
|
|
148
|
+
},
|
|
149
|
+
{
|
|
150
|
+
"title": "Messwerte",
|
|
151
|
+
"text": "Messwerte",
|
|
152
|
+
"link": {
|
|
153
|
+
"url": "http://www.test.de",
|
|
154
|
+
"hasIcon": false,
|
|
155
|
+
"iconName": "extern"
|
|
156
|
+
}
|
|
157
|
+
},
|
|
158
|
+
{
|
|
159
|
+
"title": "Wetterkameras",
|
|
160
|
+
"text": "Wetterkameras",
|
|
161
|
+
"link": {
|
|
162
|
+
"url": "http://www.test.de",
|
|
163
|
+
"hasIcon": false,
|
|
164
|
+
"iconName": "extern"
|
|
165
|
+
}
|
|
166
|
+
},
|
|
167
|
+
{
|
|
168
|
+
"title": "Wetterbilder-Galerie",
|
|
169
|
+
"text": "Wetterbilder-Galerie",
|
|
170
|
+
"link": {
|
|
171
|
+
"url": "http://www.test.de",
|
|
172
|
+
"hasIcon": false,
|
|
173
|
+
"iconName": "extern"
|
|
174
|
+
}
|
|
175
|
+
},
|
|
176
|
+
{
|
|
177
|
+
"title": "mehr Wetter",
|
|
178
|
+
"text": "mehr Wetter",
|
|
179
|
+
"link": {
|
|
180
|
+
"url": "http://www.test.de",
|
|
181
|
+
"hasIcon": false,
|
|
182
|
+
"iconName": "extern"
|
|
183
|
+
}
|
|
184
|
+
}
|
|
185
|
+
],
|
|
186
|
+
[
|
|
187
|
+
{
|
|
188
|
+
"title": "Thema des Tages",
|
|
189
|
+
"text": "Thema des Tages",
|
|
190
|
+
"link": {
|
|
191
|
+
"url": "http://www.test.de",
|
|
192
|
+
"hasIcon": true,
|
|
193
|
+
"iconName": "extern"
|
|
194
|
+
}
|
|
195
|
+
},
|
|
196
|
+
{
|
|
197
|
+
"title": "Foto einsenden",
|
|
198
|
+
"text": "Foto einsenden",
|
|
199
|
+
"link": {
|
|
200
|
+
"url": "http://www.test.de",
|
|
201
|
+
"hasIcon": true,
|
|
202
|
+
"iconName": "extern"
|
|
203
|
+
}
|
|
204
|
+
}
|
|
205
|
+
]
|
|
206
|
+
]
|
|
207
|
+
}
|
|
208
|
+
}
|
|
209
|
+
]
|
|
210
|
+
},
|
|
211
|
+
{
|
|
212
|
+
"navigationItems": [
|
|
213
|
+
{
|
|
214
|
+
"id": "traffic",
|
|
215
|
+
"text": "Verkehr",
|
|
216
|
+
"icon": "verkehr-ds",
|
|
217
|
+
"flyoutStartLinkText": "Übersicht Verkehr",
|
|
218
|
+
"url": "https://www.traffic.de",
|
|
219
|
+
"subNavigation": {
|
|
220
|
+
"showAsFlyout": true,
|
|
221
|
+
"columnCount": "1",
|
|
222
|
+
"items": false,
|
|
223
|
+
"columns": [
|
|
224
|
+
[
|
|
225
|
+
{
|
|
226
|
+
"title": "Verkehrskameras",
|
|
227
|
+
"text": "Verkehrskameras",
|
|
228
|
+
"link": {
|
|
229
|
+
"url": "http://www.test.de",
|
|
230
|
+
"hasIcon": false,
|
|
231
|
+
"iconName": "extern"
|
|
232
|
+
}
|
|
233
|
+
},
|
|
234
|
+
{
|
|
235
|
+
"title": "Blitzer",
|
|
236
|
+
"text": "Blitzer",
|
|
237
|
+
"link": {
|
|
238
|
+
"url": "http://www.test.de",
|
|
239
|
+
"hasIcon": false,
|
|
240
|
+
"iconName": "extern"
|
|
241
|
+
}
|
|
242
|
+
},
|
|
243
|
+
{
|
|
244
|
+
"title": "Schulausfälle",
|
|
245
|
+
"text": "Schulausfälle",
|
|
246
|
+
"link": {
|
|
247
|
+
"url": "http://www.test.de",
|
|
248
|
+
"hasIcon": false,
|
|
249
|
+
"iconName": "extern"
|
|
250
|
+
}
|
|
251
|
+
},
|
|
252
|
+
{
|
|
253
|
+
"title": "Flugpläne Frankfurt / Parkhausbelegung",
|
|
254
|
+
"text": "Flugpläne Frankfurt / Parkhausbelegung",
|
|
255
|
+
"link": {
|
|
256
|
+
"url": "http://www.test.de",
|
|
257
|
+
"hasIcon": false,
|
|
258
|
+
"iconName": "extern"
|
|
259
|
+
}
|
|
260
|
+
},
|
|
261
|
+
{
|
|
262
|
+
"title": "Werden Sie hr-Staureporter!",
|
|
263
|
+
"text": "Werden Sie hr-Staureporter!",
|
|
264
|
+
"link": {
|
|
265
|
+
"url": "http://www.test.de",
|
|
266
|
+
"hasIcon": false,
|
|
267
|
+
"iconName": "extern"
|
|
268
|
+
}
|
|
269
|
+
}
|
|
270
|
+
]
|
|
271
|
+
]
|
|
272
|
+
}
|
|
273
|
+
}
|
|
274
|
+
]
|
|
275
|
+
}
|
|
276
|
+
]
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
{
|
|
2
|
+
"hasOpenSubNavigation": true,
|
|
3
|
+
"brandNavigationItems": {
|
|
4
|
+
"@->jsoninclude": "site_header/brandNavigation.inc.json"
|
|
5
|
+
},
|
|
6
|
+
"serviceNavigationSSILinks":
|
|
7
|
+
{
|
|
8
|
+
"@->jsoninclude": "site_header/serviceNavigation_selected.inc.json"
|
|
9
|
+
},
|
|
10
|
+
|
|
11
|
+
"sectionNavigationSSILinks":
|
|
12
|
+
{
|
|
13
|
+
"@->jsoninclude": "site_header/sectionNavigation_mit_submenu.inc.json"
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { ArgsTable, Meta, Story, Canvas, Preview } from '@storybook/addon-docs'
|
|
2
2
|
import 'core-js/actual/structured-clone'
|
|
3
3
|
import page from './page.hbs'
|
|
4
|
-
import NavigationData from '../site_header/
|
|
5
|
-
import NavigationData2 from '../site_header/
|
|
6
|
-
import NavigationData3 from '../site_header/
|
|
7
|
-
import NavigationData4 from '../site_header/
|
|
4
|
+
import NavigationData from '../site_header/fixtures/site_header_default.json'
|
|
5
|
+
import NavigationData2 from '../site_header/fixtures/site_header_mit_warnung.json'
|
|
6
|
+
import NavigationData3 from '../site_header/fixtures/site_header_mit_submenu.json'
|
|
7
|
+
import NavigationData4 from '../site_header/fixtures/site_header_mit_submenu_service_selected.json'
|
|
8
|
+
|
|
8
9
|
import hero_teaser from '../teaser/fixtures/teaser_standard_hero_serif.json'
|
|
9
10
|
const NavigationDataWithTeaser = structuredClone(
|
|
10
11
|
Object.assign({}, NavigationData, hero_teaser.logicItem.includeModel)
|
|
@@ -24,9 +25,10 @@ const NavigationDataWithTeaser4 = structuredClone(
|
|
|
24
25
|
argTypes={{}}
|
|
25
26
|
parameters={{
|
|
26
27
|
chromatic: {
|
|
27
|
-
viewports: [360, 768, 1024]
|
|
28
|
+
viewports: [360, 768, 1024]
|
|
28
29
|
},
|
|
29
30
|
layout: 'fullscreen',
|
|
31
|
+
docs: { inlineStories : false, iframeHeight: 400 }
|
|
30
32
|
}}
|
|
31
33
|
/>
|
|
32
34
|
|
|
@@ -40,19 +42,28 @@ export const Template = (args, { globals: { customConditionalToolbar } }) => {
|
|
|
40
42
|
|
|
41
43
|
# Page
|
|
42
44
|
|
|
43
|
-
<
|
|
45
|
+
<Canvas withToolbar>
|
|
44
46
|
<Story name="Default" args={NavigationDataWithTeaser}>
|
|
45
47
|
{Template.bind({})}
|
|
46
48
|
</Story>
|
|
49
|
+
</Canvas>
|
|
50
|
+
|
|
51
|
+
<Canvas>
|
|
47
52
|
<Story name="With Unwetter" args={NavigationDataWithTeaser2}>
|
|
48
53
|
{Template.bind({})}
|
|
49
54
|
</Story>
|
|
55
|
+
</Canvas>
|
|
56
|
+
|
|
57
|
+
<Canvas>
|
|
50
58
|
<Story name="With subnav open" args={NavigationDataWithTeaser3}>
|
|
51
59
|
{Template.bind({})}
|
|
52
60
|
</Story>
|
|
61
|
+
</Canvas>
|
|
62
|
+
|
|
63
|
+
<Canvas>
|
|
53
64
|
<Story name="With subnav open and Service Nav Item active" args={NavigationDataWithTeaser4}>
|
|
54
65
|
{Template.bind({})}
|
|
55
66
|
</Story>
|
|
56
|
-
</
|
|
67
|
+
</Canvas>
|
|
57
68
|
|
|
58
69
|
<ArgsTable story="Default" />
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
[{"navigationItems":[{"name":"hessenschau","text":"Start","url":"index.html","labelText":"Startseite der hessenschau","subNavigationFromIndex":true,"selected":true}]},{"navigationItems":[{"name":"regionen","text":"Regionen","url":"rheinmain/index.html","isCluster":"true","subNavigation":{"showAsFlyout":true,"columnCount":"1","columns":[[{"title":"Nordhessen","text":"Nordhessen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Osthessen","text":"Osthessen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Mittelhessen","text":"Mittelhessen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Rhein-Main","text":"Rhein-Main","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Südhessen","text":"Südhessen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}}]]},"clusterItems":[{"name":"nordhessen","text":"Nordhessen","url":"nordhessen/index.html"},{"name":"osthessen","text":"Osthessen","url":"osthessen/index.html"},{"name":"mittelhessen","text":"Mittelhessen","url":"mittelhessen/index.html"},{"name":"rheinmain","text":"Rhein-Main","url":"rheinmain/index.html"},{"name":"suedhessen","text":"Südhessen","url":"suedhessen/index.html"}]}]},{"navigationItems":[{"name":"politik","text":"Politik","url":"politik/index.html","qualifiedRelatedContentOn404":true,"isCluster":false,"subNavigation":{"showAsFlyout":false,"columnCount":"1","items":[{"title":"Bundestagswahl 2021","text":"Bundestagswahl 2021","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Landtag","text":"Landtag","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Videos aus dem Landtag","text":"Videos aus dem Landtag","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Wahlen","text":"Wahlen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Direktwahlen","text":"Direktwahlen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}}]}}]},{"navigationItems":[{"name":"gesellschaft","text":"Gesellschaft","url":"gesellschaft/index.html","qualifiedRelatedContentOn404":true}]},{"navigationItems":[{"name":"wirtschaft","text":"Wirtschaft","url":"wirtschaft/index.html","qualifiedRelatedContentOn404":true}]},{"navigationItems":[{"name":"kultur","text":"Kultur","url":"kultur/index.html","qualifiedRelatedContentOn404":true}]},{"navigationItems":[{"name":"sport","text":"Sport","url":"sport/index.html","qualifiedRelatedContentOn404":true,"selected":true,"subNavigation":{"showAsFlyout":false,"columnCount":"1","items":[{"title":"Eintracht Frankfurt","text":"Eintracht Frankfurt","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"SV Darmstadt 98","text":"SV Darmstadt 98","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Fußball","text":"Fußball","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Ergebnisse & Tabellen","text":"Ergebnisse & Tabellen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Mehr Sport","text":"Mehr Sport","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Videos","text":"Videos","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"heimspiel!","text":"heimspiel!","link":{"url":"http://www.test.de","hasIcon":true,"iconName":"extern"}}]}}]},{"navigationItems":[{"name":"panorama","text":"Panorama","url":"panorama/index.html","qualifiedRelatedContentOn404":true}]},{"navigationItems":[{"name":"freizeit","text":"Freizeit","url":"freizeit/index.html","qualifiedRelatedContentOn404":true}]}]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"hasOpenSubNavigation":
|
|
1
|
+
{"hasOpenSubNavigation":true,"brandNavigationItems":[{"name":"hessenschau.DE","text":"hessenschau","site":"hessenscha","selected":true,"extern":false},{"name":"HR1","text":"hr1","site":"hr1","extern":true},{"name":"HR2","text":"hr2-kultur","site":"hr2","extern":true},{"name":"HR3","text":"hr3","site":"hr3","extern":true},{"name":"HR4","text":"hr4","site":"hr4","extern":true},{"name":"HR-info","text":"hr-iNFO","site":"hr-inforadio","extern":true},{"name":"you-fm","text":"YOU FM","site":"you-fm","extern":true},{"name":"HR-fernsehen","text":"hr-fernsehen","site":"hr-fernsehen","extern":true},{"name":"HR-Sinfonieorchester","text":"hr-Sinfonieorchester","site":"hr-sinfonieorchester","extern":true},{"name":"HR-Bigband","text":"hr-Bigband","site":"hr-bigband","extern":true},{"name":"Der HR","text":"Der hr","site":"hr","extern":true}],"serviceNavigationSSILinks":[{"navigationItems":[{"id":"video-podcast","text":"Video & Podcast","icon":"videopodcast-ds","flyoutStartLinkText":"Übersicht Video & Podcast","selected":false,"isCluster":false,"url":"https://www.video-podcast.de","subNavigation":{"showAsFlyout":true,"columnCount":"2","items":false,"columns":[[{"title":"Aktuelle Sendung","text":"Aktuelle Sendung","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Archiv - alle Sendungen","text":"Archiv - alle Sendungen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Newsflash","text":"Newsflash","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"DAS THEMA","text":"DAS THEMA","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Die hessenschau in 100 Sekunden","text":"Die hessenschau in 100 Sekunden","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Podcasts","text":"Podcasts","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"hessenschau in der ARD Mediathek","text":"hessenschau in der ARD Mediathek","link":{"url":"http://www.test.de","hasIcon":true,"iconName":"extern"}}],[{"title":"hessenschau auf YouTube","text":"hessenschau auf YouTube","link":{"url":"http://www.test.de","hasIcon":true,"iconName":"extern"}},{"title":"Livestream hr-fernsehen","text":"Livestream hr-fernsehen","link":{"url":"http://www.test.de","hasIcon":true,"iconName":"extern"}}]]}}]},{"navigationItems":[{"id":"weather","text":"Wetter","icon":"wetter-ds","flyoutStartLinkText":"Übersicht Wetter","url":"https://www.weather.de","subNavigation":{"showAsFlyout":true,"columnCount":"2","items":false,"columns":[[{"title":"Unwetterwarnungen","text":"Unwetterwarnungen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Regenradar","text":"Regenradar","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Wolkenfilm","text":"Wolkenfilm","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Messwerte","text":"Messwerte","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Wetterkameras","text":"Wetterkameras","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Wetterbilder-Galerie","text":"Wetterbilder-Galerie","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"mehr Wetter","text":"mehr Wetter","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}}],[{"title":"Thema des Tages","text":"Thema des Tages","link":{"url":"http://www.test.de","hasIcon":true,"iconName":"extern"}},{"title":"Foto einsenden","text":"Foto einsenden","link":{"url":"http://www.test.de","hasIcon":true,"iconName":"extern"}}]]}}]},{"navigationItems":[{"id":"traffic","text":"Verkehr","icon":"verkehr-ds","flyoutStartLinkText":"Übersicht Verkehr","url":"https://www.traffic.de","subNavigation":{"showAsFlyout":true,"columnCount":"1","items":false,"columns":[[{"title":"Verkehrskameras","text":"Verkehrskameras","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Blitzer","text":"Blitzer","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Schulausfälle","text":"Schulausfälle","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Flugpläne Frankfurt / Parkhausbelegung","text":"Flugpläne Frankfurt / Parkhausbelegung","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Werden Sie hr-Staureporter!","text":"Werden Sie hr-Staureporter!","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}}]]}}]}],"sectionNavigationSSILinks":[{"navigationItems":[{"name":"hessenschau","text":"Start","url":"index.html","labelText":"Startseite der hessenschau","subNavigationFromIndex":true,"selected":false}]},{"navigationItems":[{"name":"regionen","text":"Regionen","url":"rheinmain/index.html","isCluster":"true","subNavigation":{"showAsFlyout":true,"columnCount":"1","columns":[[{"title":"Nordhessen","text":"Nordhessen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Osthessen","text":"Osthessen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Mittelhessen","text":"Mittelhessen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Rhein-Main","text":"Rhein-Main","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Südhessen","text":"Südhessen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}}]]},"clusterItems":[{"name":"nordhessen","text":"Nordhessen","url":"nordhessen/index.html"},{"name":"osthessen","text":"Osthessen","url":"osthessen/index.html"},{"name":"mittelhessen","text":"Mittelhessen","url":"mittelhessen/index.html"},{"name":"rheinmain","text":"Rhein-Main","url":"rheinmain/index.html"},{"name":"suedhessen","text":"Südhessen","url":"suedhessen/index.html"}]}]},{"navigationItems":[{"name":"politik","text":"Politik","url":"politik/index.html","qualifiedRelatedContentOn404":true,"isCluster":false,"subNavigation":{"showAsFlyout":false,"columnCount":"1","items":[{"title":"Bundestagswahl 2021","text":"Bundestagswahl 2021","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Landtag","text":"Landtag","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Videos aus dem Landtag","text":"Videos aus dem Landtag","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Wahlen","text":"Wahlen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Direktwahlen","text":"Direktwahlen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}}]}}]},{"navigationItems":[{"name":"gesellschaft","text":"Gesellschaft","url":"gesellschaft/index.html","qualifiedRelatedContentOn404":true}]},{"navigationItems":[{"name":"wirtschaft","text":"Wirtschaft","url":"wirtschaft/index.html","qualifiedRelatedContentOn404":true}]},{"navigationItems":[{"name":"kultur","text":"Kultur","url":"kultur/index.html","qualifiedRelatedContentOn404":true}]},{"navigationItems":[{"name":"sport","text":"Sport","url":"sport/index.html","qualifiedRelatedContentOn404":true,"selected":true,"subNavigation":{"showAsFlyout":false,"columnCount":"1","items":[{"title":"Eintracht Frankfurt","text":"Eintracht Frankfurt","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"SV Darmstadt 98","text":"SV Darmstadt 98","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Fußball","text":"Fußball","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Ergebnisse & Tabellen","text":"Ergebnisse & Tabellen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Mehr Sport","text":"Mehr Sport","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Videos","text":"Videos","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"heimspiel!","text":"heimspiel!","link":{"url":"http://www.test.de","hasIcon":true,"iconName":"extern"}}]}}]},{"navigationItems":[{"name":"panorama","text":"Panorama","url":"panorama/index.html","qualifiedRelatedContentOn404":true}]},{"navigationItems":[{"name":"freizeit","text":"Freizeit","url":"freizeit/index.html","qualifiedRelatedContentOn404":true}]}]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"hasOpenSubNavigation":true,"brandNavigationItems":[{"name":"hessenschau.DE","text":"hessenschau","site":"hessenscha","selected":true,"extern":false},{"name":"HR1","text":"hr1","site":"hr1","extern":true},{"name":"HR2","text":"hr2-kultur","site":"hr2","extern":true},{"name":"HR3","text":"hr3","site":"hr3","extern":true},{"name":"HR4","text":"hr4","site":"hr4","extern":true},{"name":"HR-info","text":"hr-iNFO","site":"hr-inforadio","extern":true},{"name":"you-fm","text":"YOU FM","site":"you-fm","extern":true},{"name":"HR-fernsehen","text":"hr-fernsehen","site":"hr-fernsehen","extern":true},{"name":"HR-Sinfonieorchester","text":"hr-Sinfonieorchester","site":"hr-sinfonieorchester","extern":true},{"name":"HR-Bigband","text":"hr-Bigband","site":"hr-bigband","extern":true},{"name":"Der HR","text":"Der hr","site":"hr","extern":true}],"serviceNavigationSSILinks":[{"navigationItems":[{"id":"video-podcast","text":"Video & Podcast","icon":"videopodcast-ds","flyoutStartLinkText":"Übersicht Video & Podcast","selected":false,"isCluster":false,"url":"https://www.video-podcast.de","subNavigation":{"showAsFlyout":true,"columnCount":"2","items":false,"columns":[[{"title":"Aktuelle Sendung","text":"Aktuelle Sendung","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Archiv - alle Sendungen","text":"Archiv - alle Sendungen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Newsflash","text":"Newsflash","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"DAS THEMA","text":"DAS THEMA","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Die hessenschau in 100 Sekunden","text":"Die hessenschau in 100 Sekunden","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Podcasts","text":"Podcasts","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"hessenschau in der ARD Mediathek","text":"hessenschau in der ARD Mediathek","link":{"url":"http://www.test.de","hasIcon":true,"iconName":"extern"}}],[{"title":"hessenschau auf YouTube","text":"hessenschau auf YouTube","link":{"url":"http://www.test.de","hasIcon":true,"iconName":"extern"}},{"title":"Livestream hr-fernsehen","text":"Livestream hr-fernsehen","link":{"url":"http://www.test.de","hasIcon":true,"iconName":"extern"}}]]}}]},{"navigationItems":[{"id":"weather","text":"Wetter","icon":"wetter-ds","flyoutStartLinkText":"Übersicht Wetter","selected":true,"url":"https://www.weather.de","subNavigation":{"showAsFlyout":true,"columnCount":"2","items":false,"columns":[[{"title":"Unwetterwarnungen","text":"Unwetterwarnungen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Regenradar","text":"Regenradar","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Wolkenfilm","text":"Wolkenfilm","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Messwerte","text":"Messwerte","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Wetterkameras","text":"Wetterkameras","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Wetterbilder-Galerie","text":"Wetterbilder-Galerie","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"mehr Wetter","text":"mehr Wetter","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}}],[{"title":"Thema des Tages","text":"Thema des Tages","link":{"url":"http://www.test.de","hasIcon":true,"iconName":"extern"}},{"title":"Foto einsenden","text":"Foto einsenden","link":{"url":"http://www.test.de","hasIcon":true,"iconName":"extern"}}]]}}]},{"navigationItems":[{"id":"traffic","text":"Verkehr","icon":"verkehr-ds","flyoutStartLinkText":"Übersicht Verkehr","url":"https://www.traffic.de","subNavigation":{"showAsFlyout":true,"columnCount":"1","items":false,"columns":[[{"title":"Verkehrskameras","text":"Verkehrskameras","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Blitzer","text":"Blitzer","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Schulausfälle","text":"Schulausfälle","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Flugpläne Frankfurt / Parkhausbelegung","text":"Flugpläne Frankfurt / Parkhausbelegung","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Werden Sie hr-Staureporter!","text":"Werden Sie hr-Staureporter!","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}}]]}}]}],"sectionNavigationSSILinks":[{"navigationItems":[{"name":"hessenschau","text":"Start","url":"index.html","labelText":"Startseite der hessenschau","subNavigationFromIndex":true,"selected":false}]},{"navigationItems":[{"name":"regionen","text":"Regionen","url":"rheinmain/index.html","isCluster":"true","subNavigation":{"showAsFlyout":true,"columnCount":"1","columns":[[{"title":"Nordhessen","text":"Nordhessen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Osthessen","text":"Osthessen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Mittelhessen","text":"Mittelhessen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Rhein-Main","text":"Rhein-Main","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Südhessen","text":"Südhessen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}}]]},"clusterItems":[{"name":"nordhessen","text":"Nordhessen","url":"nordhessen/index.html"},{"name":"osthessen","text":"Osthessen","url":"osthessen/index.html"},{"name":"mittelhessen","text":"Mittelhessen","url":"mittelhessen/index.html"},{"name":"rheinmain","text":"Rhein-Main","url":"rheinmain/index.html"},{"name":"suedhessen","text":"Südhessen","url":"suedhessen/index.html"}]}]},{"navigationItems":[{"name":"politik","text":"Politik","url":"politik/index.html","qualifiedRelatedContentOn404":true,"isCluster":false,"subNavigation":{"showAsFlyout":false,"columnCount":"1","items":[{"title":"Bundestagswahl 2021","text":"Bundestagswahl 2021","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Landtag","text":"Landtag","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Videos aus dem Landtag","text":"Videos aus dem Landtag","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Wahlen","text":"Wahlen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Direktwahlen","text":"Direktwahlen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}}]}}]},{"navigationItems":[{"name":"gesellschaft","text":"Gesellschaft","url":"gesellschaft/index.html","qualifiedRelatedContentOn404":true}]},{"navigationItems":[{"name":"wirtschaft","text":"Wirtschaft","url":"wirtschaft/index.html","qualifiedRelatedContentOn404":true}]},{"navigationItems":[{"name":"kultur","text":"Kultur","url":"kultur/index.html","qualifiedRelatedContentOn404":true}]},{"navigationItems":[{"name":"sport","text":"Sport","url":"sport/index.html","qualifiedRelatedContentOn404":true,"selected":true,"subNavigation":{"showAsFlyout":false,"columnCount":"1","items":[{"title":"Eintracht Frankfurt","text":"Eintracht Frankfurt","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"SV Darmstadt 98","text":"SV Darmstadt 98","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Fußball","text":"Fußball","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Ergebnisse & Tabellen","text":"Ergebnisse & Tabellen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Mehr Sport","text":"Mehr Sport","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Videos","text":"Videos","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"heimspiel!","text":"heimspiel!","link":{"url":"http://www.test.de","hasIcon":true,"iconName":"extern"}}]}}]},{"navigationItems":[{"name":"panorama","text":"Panorama","url":"panorama/index.html","qualifiedRelatedContentOn404":true}]},{"navigationItems":[{"name":"freizeit","text":"Freizeit","url":"freizeit/index.html","qualifiedRelatedContentOn404":true}]}]}
|
|
@@ -36,13 +36,13 @@ Ein toller Einleitungstext für unsere `Header` Komponente:
|
|
|
36
36
|
</Canvas>
|
|
37
37
|
|
|
38
38
|
<Canvas>
|
|
39
|
-
<Story name="
|
|
39
|
+
<Story name="ServiceNav mit Warnung" args={JsonData2}>
|
|
40
40
|
{Template.bind({})}
|
|
41
41
|
</Story>
|
|
42
42
|
</Canvas>
|
|
43
43
|
|
|
44
44
|
<Canvas>
|
|
45
|
-
<Story name="
|
|
45
|
+
<Story name="SectionNav mit Subnav" args={JsonData3}>
|
|
46
46
|
{Template.bind({})}
|
|
47
47
|
</Story>
|
|
48
48
|
</Canvas>
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"brandNavigationItems":
|
|
3
|
-
[
|
|
4
|
-
{
|
|
5
|
-
"name": "hessenschau.DE",
|
|
6
|
-
"text": "hessenschau",
|
|
7
|
-
"site": "hessenschau",
|
|
8
|
-
"selected": true,
|
|
9
|
-
"extern": false
|
|
10
|
-
},
|
|
11
|
-
{
|
|
12
|
-
"name": "HR1",
|
|
13
|
-
"text": "hr1",
|
|
14
|
-
"site": "hr1",
|
|
15
|
-
"extern": true
|
|
16
|
-
},
|
|
17
|
-
{
|
|
18
|
-
"name": "HR2",
|
|
19
|
-
"text": "hr2-kultur",
|
|
20
|
-
"site": "hr2",
|
|
21
|
-
"extern": true
|
|
22
|
-
},
|
|
23
|
-
{
|
|
24
|
-
"name": "HR3",
|
|
25
|
-
"text": "hr3",
|
|
26
|
-
"site": "hr3",
|
|
27
|
-
"extern": true
|
|
28
|
-
},
|
|
29
|
-
{
|
|
30
|
-
"name": "HR4",
|
|
31
|
-
"text": "hr4",
|
|
32
|
-
"site": "hr4",
|
|
33
|
-
"extern": true
|
|
34
|
-
},
|
|
35
|
-
{
|
|
36
|
-
"name": "HR-info",
|
|
37
|
-
"text": "hr-iNFO",
|
|
38
|
-
"site": "hr-inforadio",
|
|
39
|
-
"extern": true
|
|
40
|
-
},
|
|
41
|
-
{
|
|
42
|
-
"name": "you-fm",
|
|
43
|
-
"text": "YOU FM",
|
|
44
|
-
"site": "you-fm",
|
|
45
|
-
"extern": true
|
|
46
|
-
},
|
|
47
|
-
{
|
|
48
|
-
"name": "HR-fernsehen",
|
|
49
|
-
"text": "hr-fernsehen",
|
|
50
|
-
"site": "hr-fernsehen",
|
|
51
|
-
"extern": true
|
|
52
|
-
},
|
|
53
|
-
{
|
|
54
|
-
"name": "HR-Sinfonieorchester",
|
|
55
|
-
"text": "hr-Sinfonieorchester",
|
|
56
|
-
"site": "hr-sinfonieorchester",
|
|
57
|
-
"extern": true
|
|
58
|
-
},
|
|
59
|
-
{
|
|
60
|
-
"name": "HR-Bigband",
|
|
61
|
-
"text": "hr-Bigband",
|
|
62
|
-
"site": "hr-bigband",
|
|
63
|
-
"extern": true
|
|
64
|
-
},
|
|
65
|
-
{
|
|
66
|
-
"name": "Der HR",
|
|
67
|
-
"text": "Der hr",
|
|
68
|
-
"site": "hr",
|
|
69
|
-
"extern": true
|
|
70
|
-
}
|
|
71
|
-
]
|
|
72
|
-
|
|
73
|
-
}
|
package/src/stories/views/components/site_header/brand_navigation/brand_navigation.stories.mdx
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { ArgsTable, Meta, Story, Canvas, Preview } from '@storybook/addon-docs'
|
|
2
|
-
|
|
3
|
-
import menu from './brand_navigation.hbs'
|
|
4
|
-
|
|
5
|
-
import JsonData from '../brandNavigationData.json'
|
|
6
|
-
|
|
7
|
-
<Meta title="Komponenten/Header/BrandNavigation/BrandNavigation" argTypes={{}} />
|
|
8
|
-
|
|
9
|
-
export const Template = ({ labelType, ...args }) => {
|
|
10
|
-
// You can either use a function to create DOM elements or use a plain html string!
|
|
11
|
-
// return `<div>${label}</div>`;
|
|
12
|
-
return menu({ labelType, ...args })
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
# BrandNavigation
|
|
16
|
-
|
|
17
|
-
In der `BrandNavigation` Komponente werden die `BrandNavigationItem` dargestellt:
|
|
18
|
-
|
|
19
|
-
<Preview withToolbar>
|
|
20
|
-
<Story name="Default" args={JsonData}>
|
|
21
|
-
{Template.bind({})}
|
|
22
|
-
</Story>
|
|
23
|
-
</Preview>
|
|
24
|
-
|
|
25
|
-
<ArgsTable story="Default" />
|