react-permission-component v1.0.3

📜 About

react-permission-component is a simple component for React.js. It allows you to render a component or not based on specified permissions, for example render different components whether a user is admin or not.

💾 Install

npm install --save react-permission-component

💻 How To Use

import React from 'react';
import PermissionWrapper from "./PermissionComponent";

const Example = () => {
    return(
        <div>
            <PermissionWrapper requiredPermissions={{isAdmin : true, hasDashboardAccess : true}} 
                               permissions={{hasAdmin:true}}  
                               orOperatorActive={true} 
                               disallowedComponent={<h1>Not available</h1>}>
                <h1>Available!</h1>
            </PermissionWrapper>
        </div>
    )
}

The children of this wrapper will only be rendered if the key-value pairs in the required permissions match the permissions supplied to the component.

📖 Available Props