@flexauth/react

React hooks and components for FlexAuth.

Installation

npm install @flexauth/react
# or
bun add @flexauth/react

Usage

import { FlexAuthProvider, useCan, Can } from "@flexauth/react";

// Wrap your app
<FlexAuthProvider>
  <App />
</FlexAuthProvider>

// Component
function MyButton() {
  const canDelete = useCan("delete", "post");

  if (!canDelete) return null;
  return <button>Delete</button>;
}

// Or use the Can component
<Can action="edit" resource="post" fallback={<div>Access Denied</div>}>
  <EditButton />
</Can>