@@ -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 -->
365365The ` {ComponentName} ` provides us with some useful properties when it comes to using the toolbar's column hiding UI.
366366
367367By 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