Sha256: a277fd8d60cb3335197f812ec453382c1bc0c150df578e05822ffc995ed5e44a
Contents?: true
Size: 834 Bytes
Versions: 9
Compression:
Stored size: 834 Bytes
Contents
import { Link, InertiaLinkProps } from '@inertiajs/react'
export default function NavLink({
active = false,
className = '',
children,
...props
}: InertiaLinkProps & { active: boolean }) {
return (
<Link
{...props}
className={`inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium leading-5 transition duration-150 ease-in-out focus:outline-none ${
active
? 'border-indigo-400 dark:border-indigo-600 text-gray-900 dark:text-gray-100 focus:border-indigo-700 '
: 'border-transparent text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 hover:border-gray-300 dark:hover:border-gray-700 focus:text-gray-700 dark:focus:text-gray-300 focus:border-gray-300 dark:focus:border-gray-700 '
} ${className}`}
>
{children}
</Link>
)
}
Version data entries
9 entries across 9 versions & 1 rubygems