Installation — @piplup/react-acl

@piplup/react-acl provides a small ACL context, a HasAccess conditional component, and a useAcl hook for programmatic checks.

npm install @piplup/react-acl

Quickstart

Wrap your app with AclProvider and pass roles/permissions (can be loaded asynchronously):

import { AclProvider } from "@piplup/react-acl";

export default function App({ children }) {
  // load roles/permissions from API
  return (
    <AclProvider loading={false} roles={["user"]} permissions={["read"]}>
      {children}
    </AclProvider>
  );
}

See the AclProvider, HasAccess, and useAcl pages for API details and examples.

See also

• AclProvider
• HasAccess
• useAcl