NavMenuWithIcons() — supabase Function Reference

Source Code

apps/design-system/registry/default/example/nav-menu-icons.tsx lines 5–29

export default function NavMenuWithIcons() {
  return (
    <NavMenu>
      <NavMenuItem active={true}>
        <Link href="#" className="inline-flex items-center gap-2">
          <ArchiveIcon size={14} />
          Buckets
          <Badge variant="default">10</Badge>
        </Link>
      </NavMenuItem>
      <NavMenuItem active={false}>
        <Link href="#" className="inline-flex items-center gap-2">
          <ShieldIcon size={14} />
          Policies
        </Link>
      </NavMenuItem>
      <NavMenuItem active={false}>
        <Link href="#" className="inline-flex items-center gap-2">
          <SettingsIcon size={14} />
          Settings
        </Link>
      </NavMenuItem>
    </NavMenu>
  )
}