@piplup/react-aclComponents

HasAccess

Conditionally render content based on roles or permissions.

Import

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

<HasAccess permissions={["read"]}>
  <div>Visible to users with read permission</div>
</HasAccess>

Prop

Type

fallback can be used to render alternative UI when access is denied.
loading prop can be supplied to show a loading placeholder while ACL data resolves.

AclProvider

Provide roles and permissions to the ACL context.

useAcl

Hook to query ACL state and run programmatic authorization checks.