@sakit-sa/react-authorize

This component helps to show an element, if you have a permission. It's based on React.

Live Playground

To run that demo on your own computer:

• Clone this repository
• cd example/
• npm run start
• Visit http://localhost:3000/

Getting Started

Install

npm install @sakit-sa/react-authorize

Usage

import React from 'react';
import Authozie from '@sakit-sa/react-authorize';

const App = () => (
    <Authozie
        check={"permission_1"}
        permissions={['permission_0', 'permission_1']}
    >
        The content
    </Authozie>
);

Props

Name	Type	Default	Description
check	string, array	[]	This value must be exist in permissions prop. this is can a string or strings as array.
children	element	-	Specifies a content that must be show, if you have a permission.
fallback	element	-	If you have any permission, it shows instead of children prop.
isViceVersa	boolean	false	Specifies a boolean value. If the value is false, check prop must be exist in permissions prop and If the value is true, check prop must not be exist in permissions props and actually in this case, children are shown.
permissionKey	string	``	Specifies a localStorage's key. It gets permissions from localStorage.
permissions	array	[]	List of permission as string. note: if permissionKey has a value, permissions are ineffective.

License

MIT Licensed. © Copyright Saeed Abdilar