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. Items support single permission, any, all, or feature flags.

Filter Links

import { filterNavigation } from "accessly";

const visible = filterNavigation(
  [
    { label: "Dashboard", href: "/dashboard" },
    { label: "Billing", href: "/billing", permission: "billing.view" },
    { label: "Admin", href: "/admin", any: ["role:admin", "role:owner"] },
    { label: "Beta Lab", href: "/lab", flag: "beta-features" },
  ],
  { permissions: ["dashboard.view", "role:admin"], flags: ["beta-features"] },
);