Skip to content
This repository was archived by the owner on Jun 8, 2026. It is now read-only.

Commit 273dd74

Browse files
docs: include 'prompt' prop in markdown and snippets (#1636)
Co-authored-by: Stamen Stoychev <chronos.stz@gmail.com>
1 parent 06fe0ad commit 273dd74

1 file changed

Lines changed: 15 additions & 10 deletions

File tree

doc/en/components/grids/_shared/column-hiding.md

Lines changed: 15 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -361,11 +361,16 @@ For this purpose all we have to do is set both the `GridToolbarActions` and the
361361
```
362362
<!-- ComponentEnd: HierarchicalGrid -->
363363
<!-- end: React -->
364-
364+
<!-- Angular -->
365365
The `{ComponentName}` provides us with some useful properties when it comes to using the toolbar's column hiding UI.
366366

367367
By using the `Title` property, we will set the title that is displayed inside the dropdown button in the toolbar.
368+
<!-- end: Angular -->
369+
<!-- React, Blazor, WebComponents -->
370+
The `{ComponentName}` provides us with some useful properties when it comes to using the toolbar's column hiding UI.
368371

372+
By using the `Title` and `Prompt` properties, we will set the title and filter prompt that are displayed inside the dropdown in the toolbar.
373+
<!-- end: React, Blazor, WebComponents -->
369374
<!-- ComponentStart: Grid -->
370375
```html
371376
<igx-grid [data]="localdata">
@@ -381,7 +386,7 @@ By using the `Title` property, we will set the title that is displayed inside th
381386
<{ComponentSelector} Data=northwindEmployees>
382387
<IgbGridToolbar>
383388
<IgbGridToolbarActions>
384-
<IgbGridToolbarHiding @ref=HidingAction Title="Column Hiding"></IgbGridToolbarHiding>
389+
<IgbGridToolbarHiding @ref=HidingAction Title="Column Hiding" Prompt="Type here to search"></IgbGridToolbarHiding>
385390
</IgbGridToolbarActions>
386391
</IgbGridToolbar>
387392
</{ComponentSelector}>
@@ -391,7 +396,7 @@ By using the `Title` property, we will set the title that is displayed inside th
391396
<igc-grid id="grid">
392397
<igc-grid-toolbar>
393398
<igc-grid-toolbar-actions>
394-
<igc-grid-toolbar-hiding id="hidingAction" title="Column Hiding"></igc-grid-toolbar-hiding>
399+
<igc-grid-toolbar-hiding id="hidingAction" title="Column Hiding" prompt="Type here to search"></igc-grid-toolbar-hiding>
395400
</igc-grid-toolbar-actions>
396401
</igc-grid-toolbar>
397402
</igc-grid>
@@ -401,7 +406,7 @@ By using the `Title` property, we will set the title that is displayed inside th
401406
<IgrGrid>
402407
<IgrGridToolbar>
403408
<IgrGridToolbarActions>
404-
<IgrGridToolbarHiding title="Column Hiding"></IgrGridToolbarHiding>
409+
<IgrGridToolbarHiding title="Column Hiding" prompt="Type here to search"></IgrGridToolbarHiding>
405410
</IgrGridToolbarActions>
406411
</IgrGridToolbar>
407412
</IgrGrid>
@@ -428,7 +433,7 @@ By using the `Title` property, we will set the title that is displayed inside th
428433
<{ComponentSelector} Data=northwindEmployees>
429434
<IgbGridToolbar>
430435
<IgbGridToolbarActions>
431-
<IgbGridToolbarHiding @ref=HidingAction Title="Column Hiding"></IgbGridToolbarHiding>
436+
<IgbGridToolbarHiding @ref=HidingAction Title="Column Hiding" Prompt="Type here to search"></IgbGridToolbarHiding>
432437
</IgbGridToolbarActions>
433438
</IgbGridToolbar>
434439
</{ComponentSelector}>
@@ -442,7 +447,7 @@ By using the `Title` property, we will set the title that is displayed inside th
442447
<igc-tree-grid id="treeGrid">
443448
<igc-grid-toolbar>
444449
<igc-grid-toolbar-actions>
445-
<igc-grid-toolbar-hiding id="hidingAction" title="Column Hiding"></igc-grid-toolbar-hiding>
450+
<igc-grid-toolbar-hiding id="hidingAction" title="Column Hiding" prompt="Type here to search"></igc-grid-toolbar-hiding>
446451
</igc-grid-toolbar-actions>
447452
</igc-grid-toolbar>
448453
</igc-tree-grid>
@@ -456,7 +461,7 @@ By using the `Title` property, we will set the title that is displayed inside th
456461
<IgrTreeGrid>
457462
<IgrGridToolbar>
458463
<IgrGridToolbarActions>
459-
<IgrGridToolbarHiding title="Column Hiding"></IgrGridToolbarHiding>
464+
<IgrGridToolbarHiding title="Column Hiding" prompt="Type here to search"></IgrGridToolbarHiding>
460465
</IgrGridToolbarActions>
461466
</IgrGridToolbar>
462467
</IgrTreeGrid>
@@ -484,7 +489,7 @@ By using the `Title` property, we will set the title that is displayed inside th
484489
<{ComponentSelector} Data=SingersData>
485490
<IgbGridToolbar>
486491
<IgbGridToolbarActions>
487-
<IgbGridToolbarHiding Title="Column Hiding"></IgbGridToolbarHiding>
492+
<IgbGridToolbarHiding Title="Column Hiding" Prompt="Type here to search"></IgbGridToolbarHiding>
488493
</IgbGridToolbarActions>
489494
</IgbGridToolbar>
490495
</{ComponentSelector}>
@@ -498,7 +503,7 @@ By using the `Title` property, we will set the title that is displayed inside th
498503
<igc-hierarchical-grid id="hierarchicalGrid1">
499504
<igc-grid-toolbar>
500505
<igc-grid-toolbar-actions>
501-
<igc-grid-toolbar-hiding id="hidingAction" title="Column Hiding"></igc-grid-toolbar-hiding>
506+
<igc-grid-toolbar-hiding id="hidingAction" title="Column Hiding" prompt="Type here to search"></igc-grid-toolbar-hiding>
502507
</igc-grid-toolbar-actions>
503508
</igc-grid-toolbar>
504509
</igc-hierarchical-grid>
@@ -512,7 +517,7 @@ By using the `Title` property, we will set the title that is displayed inside th
512517
<IgrHierarchicalGrid>
513518
<IgrGridToolbar>
514519
<IgrGridToolbarActions>
515-
<IgrGridToolbarHiding title="Column Hiding"></IgrGridToolbarHiding>
520+
<IgrGridToolbarHiding title="Column Hiding" prompt="Type here to search"></IgrGridToolbarHiding>
516521
</IgrGridToolbarActions>
517522
</IgrGridToolbar>
518523
</IgrHierarchicalGrid>

0 commit comments

Comments
 (0)