Documentation

Navigation

Use filterNavigation or useFilteredNavigation to hide inaccessible navigation items from frontend UI.

Filter Links

Hidden navigation is a UX behavior, not a security boundary. Backend routes still need authorization.

Filter Links

import { filterNavigation } from "accessly";

const visible = filterNavigation(
  [
    { label: "Dashboard", href: "/dashboard" },
    { label: "Billing", href: "/billing", permission: "billing.view" },
  ],
  { permissions: ["dashboard.view"] },
);