Hide Drawer item

[Panos]

How can hide drawer item?

[Preslava]

Hi Panos,

The Drawer component provides the option to set custom classes and styles to its items. This can be used to hide an item. To do that the cssClass or cssStyle properties can be used.

Here is an example on how to achieve that:

public items: Array<DrawerItem> = [
        { text: 'Inbox', icon: 'k-i-inbox', selected: true },
        { text: 'Notifications', icon: 'k-i-bell', cssClass: 'custom-item-class' },
        { text: 'Calendar', icon: 'k-i-calendar' }
 ];

.custom-item-class {
      display: none;
}

The following demo represents this approach:

https://stackblitz.com/edit/angular-89akpm-ft85qd?file=app/app.component.ts 

I hope this helps. Let me know should there be further questions.

Regards,
Preslava
Progress Telerik