@ons/design-system 74.0.0-next.7 → 74.0.0-next.8
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.
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: 'Example: Breadcrumbs override wide'
|
|
3
|
+
layout: ~
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
{% from "components/hero/_macro.njk" import onsHero %}
|
|
7
|
+
{% from "components/breadcrumbs/_macro.njk" import onsBreadcrumbs %}
|
|
8
|
+
{% extends "layout/_template.njk" %}
|
|
9
|
+
{%
|
|
10
|
+
set pageConfig = {
|
|
11
|
+
"header": {
|
|
12
|
+
"title": 'Service title',
|
|
13
|
+
"mastheadLogoUrl": '#0',
|
|
14
|
+
"titleUrl": '#0',
|
|
15
|
+
"serviceLinks": {
|
|
16
|
+
"id": "service-links-internal",
|
|
17
|
+
"ariaLabel": 'Services menu',
|
|
18
|
+
"ariaListLabel": 'Menu',
|
|
19
|
+
"toggleServicesButton": {
|
|
20
|
+
"text": 'Account',
|
|
21
|
+
"ariaLabel": 'Toggle services menu'
|
|
22
|
+
},
|
|
23
|
+
"itemsList": [
|
|
24
|
+
{
|
|
25
|
+
"text": "Jacky Turner",
|
|
26
|
+
"iconType": 'person'
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"text": "Sign out",
|
|
30
|
+
"url": "#0"
|
|
31
|
+
}
|
|
32
|
+
]
|
|
33
|
+
}
|
|
34
|
+
},
|
|
35
|
+
"wide": true
|
|
36
|
+
}
|
|
37
|
+
%}
|
|
38
|
+
|
|
39
|
+
{% block breadcrumbs %}
|
|
40
|
+
{{
|
|
41
|
+
onsBreadcrumbs({
|
|
42
|
+
"wide": true,
|
|
43
|
+
"ariaLabel": 'Breadcrumbs',
|
|
44
|
+
"itemsList": [
|
|
45
|
+
{
|
|
46
|
+
"url": '/',
|
|
47
|
+
"text": 'Home'
|
|
48
|
+
}
|
|
49
|
+
]
|
|
50
|
+
})
|
|
51
|
+
}}
|
|
52
|
+
{% endblock %}
|
package/layout/_template.njk
CHANGED
|
@@ -223,6 +223,7 @@
|
|
|
223
223
|
<div class="ons-grid__col ons-col-{{ pageColNumber }}@m{{ pageColClasses }}">
|
|
224
224
|
<div class="ons-page__main{{ mainColClasses }}">
|
|
225
225
|
{% block mainContent %}{% endblock %}
|
|
226
|
+
{% block postMainContent %}{% endblock %}
|
|
226
227
|
</div>
|
|
227
228
|
</div>
|
|
228
229
|
</div>
|