Usage of the if-granted component

if-granted-usage.component.ts

import {ChangeDetectionStrategy, Component, OnInit} from '@angular/core';
import {UserTypes} from '../../../models/models';

@Component({
    selector: 'app-my-home',
    template: `
        This is visible to Admin, User and Guest.

        <app-if-granted [allowedRoles]="[userTypes.Admin, userTypes.User]">
            <!-- This is visible only to Admin and User -->
            <button>Yes, I can!</button>
        </app-if-granted>
    `,
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class MyHomeComponent implements OnInit {
    userTypes = UserTypes;

    constructor() {
    }

    ngOnInit(): void {
    }
}