ListItem() — supabase Function Reference

Source Code

apps/design-system/registry/default/example/navigation-menu-demo.tsx lines 121–139

  ({ 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/50 hover:text-foreground focus:bg-surface-100/50 focus:text-foreground',
              className
            )}
            {...props}
          >
            <div className="text-sm text-foreground leading-none">{title}</div>
            <p className="line-clamp-2 text-sm leading-snug text-foreground-lighter">{children}</p>
          </a>
        </NavigationMenuLink>
      </li>
    )
  }