Skip to content

Commit 2e6a6d8

Browse files
deleoniodeleonio
committed
chore: fix nav code sample
1 parent 3d3c09e commit 2e6a6d8

File tree

3,341 files changed

+1771
-592434
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

3,341 files changed

+1771
-592434
lines changed

‎dev/versioned_readmes/1.5/nav/readme.md

Lines changed: 25 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -14,19 +14,32 @@ noch die Icons ausgegeben.
1414

1515
```html
1616
<kol-nav
17-
_ariaLabel="Navigation"
17+
_label="Navigation"
1818
_links="[
19-
{
20-
_href: 'startseite',
21-
_icon: 'codicon codicon-home',
22-
_label: 'Startseite',
23-
_children: [
24-
{ _href: 'startseite/1-untermenuepunkt', _icon: 'codicon codicon-home', _label: '1. Untermenüpunkt' },
25-
{ _href: 'startseite/2-untermenuepunkt', _icon: 'codicon codicon-home', _label: '2. Untermenüpunkt' },
26-
],
27-
},
28-
{ _href: 'unterseite', _icon: 'codicon codicon-home', _label: '2. Menüpunkt' },
29-
]"
19+
{
20+
'_href' :'startseite',
21+
'_icon': 'codicon codicon-home',
22+
'_label': 'Startseite',
23+
'_children': [
24+
{
25+
'_href':
26+
'startseite/1-untermenuepunkt',
27+
'_icon':'codicon codicon-home',
28+
'_label':'1. Untermenüpunkt'
29+
},
30+
{
31+
'_href':'startseite/2-untermenuepunkt',
32+
'_icon':'codicon codicon-home',
33+
'_label':'2. Untermenüpunkt'
34+
}
35+
]
36+
},
37+
{
38+
'_href':'unterseite',
39+
'_icon':'codicon codicon-home',
40+
'_label':'2. Menüpunkt'
41+
}
42+
]"
3043
_has-compact-button
3144
></kol-nav>
3245
```

‎dev/versioned_readmes/1.6/nav/readme.md

Lines changed: 24 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -16,17 +16,30 @@ noch die Icons ausgegeben.
1616
<kol-nav
1717
_label="Navigation"
1818
_links="[
19-
{
20-
_href: 'startseite',
21-
_icon: 'codicon codicon-home',
22-
_label: 'Startseite',
23-
_children: [
24-
{ _href: 'startseite/1-untermenuepunkt', _icon: 'codicon codicon-home', _label: '1. Untermenüpunkt' },
25-
{ _href: 'startseite/2-untermenuepunkt', _icon: 'codicon codicon-home', _label: '2. Untermenüpunkt' },
26-
],
27-
},
28-
{ _href: 'unterseite', _icon: 'codicon codicon-home', _label: '2. Menüpunkt' },
29-
]"
19+
{
20+
'_href' :'startseite',
21+
'_icon': 'codicon codicon-home',
22+
'_label': 'Startseite',
23+
'_children': [
24+
{
25+
'_href':
26+
'startseite/1-untermenuepunkt',
27+
'_icon':'codicon codicon-home',
28+
'_label':'1. Untermenüpunkt'
29+
},
30+
{
31+
'_href':'startseite/2-untermenuepunkt',
32+
'_icon':'codicon codicon-home',
33+
'_label':'2. Untermenüpunkt'
34+
}
35+
]
36+
},
37+
{
38+
'_href':'unterseite',
39+
'_icon':'codicon codicon-home',
40+
'_label':'2. Menüpunkt'
41+
}
42+
]"
3043
_has-compact-button
3144
></kol-nav>
3245
```

‎dev/versioned_readmes/1.7/nav/readme.md

Lines changed: 38 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -16,17 +16,30 @@ noch die Icons ausgegeben.
1616
<kol-nav
1717
_label="Navigation"
1818
_links="[
19-
{
20-
_href: 'startseite',
21-
_icons: 'codicon codicon-home',
22-
_label: 'Startseite',
23-
_children: [
24-
{ _href: 'startseite/1-untermenuepunkt', _icons: 'codicon codicon-home', _label: '1. Untermenüpunkt' },
25-
{ _href: 'startseite/2-untermenuepunkt', _icons: 'codicon codicon-home', _label: '2. Untermenüpunkt' },
26-
],
27-
},
28-
{ _href: 'unterseite', _icons: 'codicon codicon-home', _label: '2. Menüpunkt' },
29-
]"
19+
{
20+
'_href' :'startseite',
21+
'_icon': 'codicon codicon-home',
22+
'_label': 'Startseite',
23+
'_children': [
24+
{
25+
'_href':
26+
'startseite/1-untermenuepunkt',
27+
'_icon':'codicon codicon-home',
28+
'_label':'1. Untermenüpunkt'
29+
},
30+
{
31+
'_href':'startseite/2-untermenuepunkt',
32+
'_icon':'codicon codicon-home',
33+
'_label':'2. Untermenüpunkt'
34+
}
35+
]
36+
},
37+
{
38+
'_href':'unterseite',
39+
'_icon':'codicon codicon-home',
40+
'_label':'2. Menüpunkt'
41+
}
42+
]"
3043
_has-compact-button
3144
></kol-nav>
3245
```
@@ -100,22 +113,20 @@ Die Ausrichtung der Navigationsleiste kann mit dem Attribut **`_orientation`** u
100113

101114
<!-- Auto Generated Below -->
102115

103-
104116
## Properties
105117

106-
| Property | Attribute | Description | Type | Default |
107-
| --------------------- | --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------- | ------------ |
108-
| `_ariaCurrentValue` | `_aria-current-value` | Defines the value of aria-current to be used with the current context within the navigation. | `"date"` \| `"location"` \| `"page"` \| `"step"` \| `"time"` \| `boolean` | `false` |
109-
| `_ariaLabel` | `_aria-label` | <span className="text-red-500">**[DEPRECATED]**</span> use _label instead<br/><br/>Deprecated: Setzt die semantische Beschriftung der Komponente. | `string` \| `undefined` | `undefined` |
110-
| `_collapsible` | `_collapsible` | Defines if navigation nodes can be collapsed or not. Enabled by default. | `boolean` \| `undefined` | `true` |
111-
| `_compact` | `_compact` | <span className="text-red-500">**[DEPRECATED]**</span> Use _hide-label<br/><br/>Deprecated: Gibt an, ob die Navigation kompakt angezeigt wird. | `boolean` \| `undefined` | `false` |
112-
| `_hasCompactButton` | `_has-compact-button` | <span className="text-red-500">**[DEPRECATED]**</span> Version 2<br/><br/>Deprecated: Gibt an, ob die Navigation eine zusätzliche Schaltfläche zum Aus- und Einklappen der Navigation anzeigen soll. | `boolean` \| `undefined` | `false` |
113-
| `_hideLabel` | `_hide-label` | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it. | `boolean` \| `undefined` | `false` |
114-
| `_label` | `_label` | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string` \| `undefined` | `undefined` |
115-
| `_links` _(required)_ | `_links` | Defines the list of links, buttons or texts to render. | `ButtonOrLinkOrTextWithChildrenProps[]` \| `string` | `undefined` |
116-
| `_orientation` | `_orientation` | Defines whether the orientation of the component is horizontal or vertical. | `"horizontal"` \| `"vertical"` \| `undefined` | `'vertical'` |
117-
| `_variant` | `_variant` | <span className="text-red-500">**[DEPRECATED]**</span> This property is deprecated and will be removed in the next major version.<br/><br/>Deprecated: Defines which variant should be used for presentation. | `"primary"` \| `"secondary"` \| `undefined` | `'primary'` |
118-
118+
| Property | Attribute | Description | Type | Default |
119+
| --------------------- | --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------- | ------------ |
120+
| `_ariaCurrentValue` | `_aria-current-value` | Defines the value of aria-current to be used with the current context within the navigation. | `"date"` \| `"location"` \| `"page"` \| `"step"` \| `"time"` \| `boolean` | `false` |
121+
| `_ariaLabel` | `_aria-label` | <span className="text-red-500">**[DEPRECATED]**</span> use \_label instead<br/><br/>Deprecated: Setzt die semantische Beschriftung der Komponente. | `string` \| `undefined` | `undefined` |
122+
| `_collapsible` | `_collapsible` | Defines if navigation nodes can be collapsed or not. Enabled by default. | `boolean` \| `undefined` | `true` |
123+
| `_compact` | `_compact` | <span className="text-red-500">**[DEPRECATED]**</span> Use \_hide-label<br/><br/>Deprecated: Gibt an, ob die Navigation kompakt angezeigt wird. | `boolean` \| `undefined` | `false` |
124+
| `_hasCompactButton` | `_has-compact-button` | <span className="text-red-500">**[DEPRECATED]**</span> Version 2<br/><br/>Deprecated: Gibt an, ob die Navigation eine zusätzliche Schaltfläche zum Aus- und Einklappen der Navigation anzeigen soll. | `boolean` \| `undefined` | `false` |
125+
| `_hideLabel` | `_hide-label` | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it. | `boolean` \| `undefined` | `false` |
126+
| `_label` | `_label` | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string` \| `undefined` | `undefined` |
127+
| `_links` _(required)_ | `_links` | Defines the list of links, buttons or texts to render. | `ButtonOrLinkOrTextWithChildrenProps[]` \| `string` | `undefined` |
128+
| `_orientation` | `_orientation` | Defines whether the orientation of the component is horizontal or vertical. | `"horizontal"` \| `"vertical"` \| `undefined` | `'vertical'` |
129+
| `_variant` | `_variant` | <span className="text-red-500">**[DEPRECATED]**</span> This property is deprecated and will be removed in the next major version.<br/><br/>Deprecated: Defines which variant should be used for presentation. | `"primary"` \| `"secondary"` \| `undefined` | `'primary'` |
119130

120131
## Dependencies
121132

@@ -126,6 +137,7 @@ Die Ausrichtung der Navigationsleiste kann mit dem Attribut **`_orientation`** u
126137
- [kol-button](./button)
127138

128139
### Graph
140+
129141
```mermaid
130142
graph TD;
131143
kol-nav --> kol-button-link-text-switch
@@ -145,6 +157,4 @@ graph TD;
145157
style kol-nav fill:#f9f,stroke:#333,stroke-width:4px
146158
```
147159

148-
----------------------------------------------
149-
150-
160+
---

‎dev/versioned_readmes/2.0/nav/readme.md

Lines changed: 27 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -17,16 +17,28 @@ noch die Icons ausgegeben.
1717
_label="Navigation"
1818
_links="[
1919
{
20-
_href: 'startseite',
21-
_icons: 'codicon codicon-home',
22-
_label: 'Startseite',
23-
_children: [
24-
{ _href: 'startseite/1-untermenuepunkt', _icons: 'codicon codicon-home', _label: '1. Untermenüpunkt' },
25-
{ _href: 'startseite/2-untermenuepunkt', _icons: 'codicon codicon-home', _label: '2. Untermenüpunkt' },
26-
],
27-
},
28-
{ _href: 'unterseite', _icons: 'codicon codicon-home', _label: '2. Menüpunkt' },
20+
'_href': 'startseite',
21+
'_icons': 'codicon codicon-home',
22+
'_label': 'Startseite',
23+
'_children': [
24+
{
25+
'_href': 'startseite/1-untermenuepunkt',
26+
'_icons': 'codicon codicon-home',
27+
'_label': '1. Untermenüpunkt' },
28+
{
29+
'_href': 'startseite/2-untermenuepunkt',
30+
'_icons': 'codicon codicon-home',
31+
'_label': '2. Untermenüpunkt'
32+
},
33+
],
34+
},
35+
{
36+
'_href': 'unterseite',
37+
'_icons': 'codicon codicon-home',
38+
'_label': '2. Menüpunkt'
39+
},
2940
]"
41+
_has-compact-button
3042
></kol-nav>
3143
```
3244

@@ -94,18 +106,16 @@ Die Ausrichtung der Navigationsleiste kann mit dem Attribut **`_orientation`** u
94106

95107
<!-- Auto Generated Below -->
96108

97-
98109
## Properties
99110

100-
| Property | Attribute | Description | Type | Default |
101-
| --------------------- | --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------- | ------------ |
111+
| Property | Attribute | Description | Type | Default |
112+
| --------------------- | --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------- | ------------ |
102113
| `_collapsible` | `_collapsible` | Defines if navigation nodes can be collapsed or not. Enabled by default. | `boolean` \| `undefined` | `true` |
103114
| `_hasCompactButton` | `_has-compact-button` | Gibt an, ob die Navigation eine zusätzliche Schaltfläche zum Aus- und Einklappen der Navigation anzeigen soll. | `boolean` \| `undefined` | `false` |
104115
| `_hideLabel` | `_hide-label` | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it. | `boolean` \| `undefined` | `false` |
105-
| `_label` _(required)_ | `_label` | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string` | `undefined` |
116+
| `_label` _(required)_ | `_label` | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string` | `undefined` |
106117
| `_links` _(required)_ | `_links` | Defines the list of links, buttons or texts to render. | `ButtonOrLinkOrTextWithChildrenProps[]` \| `string` | `undefined` |
107-
| `_orientation` | `_orientation` | Defines whether the orientation of the component is horizontal or vertical. | `"horizontal"` \| `"vertical"` \| `undefined` | `'vertical'` |
108-
118+
| `_orientation` | `_orientation` | Defines whether the orientation of the component is horizontal or vertical. | `"horizontal"` \| `"vertical"` \| `undefined` | `'vertical'` |
109119

110120
## Dependencies
111121

@@ -116,6 +126,7 @@ Die Ausrichtung der Navigationsleiste kann mit dem Attribut **`_orientation`** u
116126
- [kol-button](./button)
117127

118128
### Graph
129+
119130
```mermaid
120131
graph TD;
121132
kol-nav --> kol-button-link-text-switch
@@ -135,6 +146,4 @@ graph TD;
135146
style kol-nav fill:#f9f,stroke:#333,stroke-width:4px
136147
```
137148

138-
----------------------------------------------
139-
140-
149+
---

0 commit comments

Comments
 (0)