How to check logged-in user permissions in LWC?

By /

Have you ever needed to display a Lightning Web Component (LWC) page dynamically based on the logged-in user’s permissions? In Salesforce, this is achievable by checking the user’s specific permissions and rendering the page or its sections accordingly.

For example, let’s say we want to display a particular section of the page only if the user has the ViewAllData permission. Using LWC, we can easily achieve this by importing the user’s permissions, which return a boolean value (true or false). We don’t need to go with any apex logic and we can achieve only through LWC. We can then utilize this value within the template to conditionally render the section.

In order to check permissions in LWC we need to import below either ‘@salesforce/userPermission‘ or ‘@salesforce/customPermission‘ modules depending on which permission you wanted to check.

import { LightningElement } from 'lwc';
import hasViewAllData from '@salesforce/userPermission/ViewAllData';

export default class App extends LightingElement {
    get isUserHasViewAll() {
        return hasViewAllData;
    }
}
<template>
   <template lwc:if={isUserHasViewAll}>
        <!-- Display Data-->
 </template>
</template>

You can check the custom permissions by importing the permission in LWC js file.If the custom permission is from a component in the same namespace or default namespace, You don’t need to prefix namespace before custom permission. 

import hasPermission from "@salesforce/customPermission/PermissionName";

Only use the namespace if the custom permission has been installed from a Managed Package, Otherwise no need to use the namespace.

/ For a custom permission installed from a managed package only
import hasPermission from "@salesforce/customPermission/namespace__PermissionName";

In Summery. We can render the LWC page dynamically by checking the logged-in user permissions.

Scroll to Top