<CanAccess>

<CanAccess /> is a wrapper component that uses useCan to check for access control. It takes the parameters that can method takes and also a fallback. It renders its children if the access control returns true and if access control returns false renders fallback if provided.

<CanAccess
    resource="posts"
    action="edit"
    params={{ id: 1 }}
    fallback={<CustomFallback />}
>
    <YourComponent />
</CanAccess>

API Reference

Properties

Property	Description	Type	Default
resource Required	Resource name for API data interactions	string
action Required	Intenden action on resource	string
params	Parameters associated with the resource	any
fallback	Content to show if access control returns false	ReactNode