Skip to content

Commit eca5aba

Browse files
mertsincanmertsincan
committed
Update docs
1 parent 6f0cb45 commit eca5aba

File tree

4 files changed

+39
-15
lines changed

4 files changed

+39
-15
lines changed

‎src/app/showcase/components/cascadeselect/cascadeselectdemo.html

+21-15
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ <h5>Basic</h5>
1313
[optionGroupChildren]="['states', 'cities']" [style]="{'minWidth': '14rem'}" placeholder="Select a City"></p-cascadeSelect>
1414

1515
<h5>Templating</h5>
16-
<p-cascadeSelect [(ngModel)]="selectedCity2" [options]="countries" optionLabel="cname" optionGroupLabel="name"
16+
<p-cascadeSelect [(ngModel)]="selectedCity2" [options]="countries" optionLabel="cname" optionGroupLabel="name"
1717
[optionGroupChildren]="['states', 'cities']" [style]="{'minWidth': '14rem'}" placeholder="Select a City">
1818
<ng-template pTemplate="option" let-option>
1919
<div class="country-item">
@@ -39,7 +39,7 @@ <h5>Getting Started</h5>
3939
is used for the text of a category and <i>optionGroupChildren</i> is to define the children of the category. Note that order of the <i>optionGroupChildren</i>
4040
matters and it should correspond to the data hierarchy.</p>
4141
<app-code lang="markup" ngNonBindable ngPreserveWhitespaces>
42-
&lt;p-cascadeSelect [(ngModel)]="selectedCity1" [options]="countries" optionLabel="cname" optionGroupLabel="name"
42+
&lt;p-cascadeSelect [(ngModel)]="selectedCity1" [options]="countries" optionLabel="cname" optionGroupLabel="name"
4343
[optionGroupChildren]="['states', 'cities']" [style]="&#123;'minWidth': '14rem'&#125;"&gt;&lt;/p-cascadeSelect&gt;
4444
</app-code>
4545

@@ -69,11 +69,11 @@ <h5>Getting Started</h5>
6969
&#123;cname: 'Townsville', code: 'A-TO'&#125;
7070
]
7171
&#125;,
72-
72+
7373
]
7474
&#125;,
7575
&#123;
76-
name: 'Canada',
76+
name: 'Canada',
7777
code: 'CA',
7878
states: [
7979
&#123;
@@ -90,7 +90,7 @@ <h5>Getting Started</h5>
9090
&#123;cname: 'Toronto', code: 'C-TO'&#125;
9191
]
9292
&#125;,
93-
93+
9494
]
9595
&#125;,
9696
&#123;
@@ -131,7 +131,7 @@ <h5>Getting Started</h5>
131131
<h5>Templating</h5>
132132
<p>Content of an item can be customized with the <i>option</i> template.</p>
133133
<app-code lang="markup" ngNonBindable ngPreserveWhitespaces>
134-
&lt;p-cascadeSelect [(ngModel)]="selectedCity2" [options]="countries" optionLabel="cname" optionGroupLabel="name"
134+
&lt;p-cascadeSelect [(ngModel)]="selectedCity2" [options]="countries" optionLabel="cname" optionGroupLabel="name"
135135
[optionGroupChildren]="['states', 'cities']" [style]="&#123;'minWidth': '14rem'&#125;" placeholder="Select a City"&gt;
136136
&lt;ng-template pTemplate="option" let-option&gt;
137137
&lt;div class="country-item"&gt;
@@ -276,6 +276,12 @@ <h5>Properties</h5>
276276
<td>false</td>
277277
<td>When enabled, a clear icon is displayed to clear the value.</td>
278278
</tr>
279+
<tr>
280+
<td>overlayOptions</td>
281+
<td>OverlayOptions</td>
282+
<td>null</td>
283+
<td>Whether to use overlay API feature. The properties of <a href="#" [routerLink]="['/overlay']">overlay API</a> can be used like an object in it.</td>
284+
</tr>
279285
</tbody>
280286
</table>
281287
</div>
@@ -397,7 +403,7 @@ <h5>Styling</h5>
397403
</tbody>
398404
</table>
399405
</div>
400-
406+
401407
<h5>Dependencies</h5>
402408
<p>None.</p>
403409
</p-tabPanel>
@@ -409,14 +415,14 @@ <h5>Dependencies</h5>
409415
<a href="https://stackblitz.com/edit/primeng-cascadeselect-demo" class="btn-viewsource" style="margin-left: .5em;" target="_blank">
410416
<span>Edit in StackBlitz</span>
411417
</a>
412-
418+
413419
<app-code lang="markup" ngNonBindable ngPreserveWhitespaces>
414420
&lt;h5&gt;Basic&lt;/h5&gt;
415-
&lt;p-cascadeSelect [(ngModel)]="selectedCity1" [options]="countries" optionLabel="cname" optionGroupLabel="name"
421+
&lt;p-cascadeSelect [(ngModel)]="selectedCity1" [options]="countries" optionLabel="cname" optionGroupLabel="name"
416422
[optionGroupChildren]="['states', 'cities']" [style]="&#123;'minWidth': '14rem'&#125;" placeholder="Select a City"&gt;&lt;/p-cascadeSelect&gt;
417-
423+
418424
&lt;h5&gt;Templating&lt;/h5&gt;
419-
&lt;p-cascadeSelect [(ngModel)]="selectedCity2" [options]="countries" optionLabel="cname" optionGroupLabel="name"
425+
&lt;p-cascadeSelect [(ngModel)]="selectedCity2" [options]="countries" optionLabel="cname" optionGroupLabel="name"
420426
[optionGroupChildren]="['states', 'cities']" [style]="&#123;'minWidth': '14rem'&#125;" placeholder="Select a City"&gt;
421427
&lt;ng-template pTemplate="option" let-option&gt;
422428
&lt;div class="country-item"&gt;
@@ -458,11 +464,11 @@ <h5>Dependencies</h5>
458464
&#123;cname: 'Townsville', code: 'A-TO'&#125;
459465
]
460466
&#125;,
461-
467+
462468
]
463469
&#125;,
464470
&#123;
465-
name: 'Canada',
471+
name: 'Canada',
466472
code: 'CA',
467473
states: [
468474
&#123;
@@ -479,7 +485,7 @@ <h5>Dependencies</h5>
479485
&#123;cname: 'Toronto', code: 'C-TO'&#125;
480486
]
481487
&#125;,
482-
488+
483489
]
484490
&#125;,
485491
&#123;
@@ -524,4 +530,4 @@ <h5>Dependencies</h5>
524530
</ng-template>
525531
</p-tabPanel>
526532
</p-tabView>
527-
</div>
533+
</div>

‎src/app/showcase/components/dropdown/dropdowndemo.html

+6
Original file line numberDiff line numberDiff line change
@@ -569,6 +569,12 @@ <h5>Properties</h5>
569569
<td>null</td>
570570
<td>Whether to use the scroller feature. The properties of <a href="#" [routerLink]="['/scroller']">scroller</a> component can be used like an object in it.</td>
571571
</tr>
572+
<tr>
573+
<td>overlayOptions</td>
574+
<td>OverlayOptions</td>
575+
<td>null</td>
576+
<td>Whether to use overlay API feature. The properties of <a href="#" [routerLink]="['/overlay']">overlay API</a> can be used like an object in it.</td>
577+
</tr>
572578
<tr>
573579
<td>lazy</td>
574580
<td>boolean</td>

‎src/app/showcase/components/multiselect/multiselectdemo.html

+6
Original file line numberDiff line numberDiff line change
@@ -620,6 +620,12 @@ <h5>Properties</h5>
620620
<td>null</td>
621621
<td>Whether to use the scroller feature. The properties of <a href="#" [routerLink]="['/scroller']">scroller</a> component can be used like an object in it.</td>
622622
</tr>
623+
<tr>
624+
<td>overlayOptions</td>
625+
<td>OverlayOptions</td>
626+
<td>null</td>
627+
<td>Whether to use overlay API feature. The properties of <a href="#" [routerLink]="['/overlay']">overlay API</a> can be used like an object in it.</td>
628+
</tr>
623629
<tr>
624630
<td>lazy</td>
625631
<td>boolean</td>

‎src/app/showcase/components/treeselect/treeselectdemo.html

+6
Original file line numberDiff line numberDiff line change
@@ -205,6 +205,12 @@ <h5>TreeNode API utilized by the TreeSelect</h5>
205205
<td>null</td>
206206
<td>Style class of the label element.</td>
207207
</tr>
208+
<tr>
209+
<td>overlayOptions</td>
210+
<td>OverlayOptions</td>
211+
<td>null</td>
212+
<td>Whether to use overlay API feature. The properties of <a href="#" [routerLink]="['/overlay']">overlay API</a> can be used like an object in it.</td>
213+
</tr>
208214
<tr>
209215
<td>expanded</td>
210216
<td>boolean</td>

0 commit comments

Comments
 (0)