ListItem() — supabase Function Reference

Source Code

apps/design-system/registry/default/example/navigation-menu-responsive.tsx lines 166–184

  ({ className, title, children, ...props }, ref) => {
    return (
      <li>
        <NavigationMenuLink asChild>
          <a
            ref={ref}
            className={cn(
              'block select-none space-y-1 rounded-md p-3 leading-none no-underline outline-none transition-colors hover:bg-surface-100 hover:text-accent-foreground focus:bg-surface-100 focus:text-accent-foreground',
              className
            )}
            {...props}
          >
            <div className="text-sm font-medium leading-none">{title}</div>
            <p className="line-clamp-2 text-sm leading-snug text-foreground-muted">{children}</p>
          </a>
        </NavigationMenuLink>
      </li>
    )
  }