35 lines
709 B
TypeScript
35 lines
709 B
TypeScript
import { Link, Outlet, createFileRoute } from '@tanstack/react-router'
|
|
|
|
export const Route = createFileRoute('/_pathlessLayout/_nested-layout')({
|
|
component: LayoutComponent,
|
|
})
|
|
|
|
function LayoutComponent() {
|
|
return (
|
|
<div>
|
|
<div>I'm a nested layout</div>
|
|
<div className="flex gap-2 border-b">
|
|
<Link
|
|
to="/route-a"
|
|
activeProps={{
|
|
className: 'font-bold',
|
|
}}
|
|
>
|
|
Go to route A
|
|
</Link>
|
|
<Link
|
|
to="/route-b"
|
|
activeProps={{
|
|
className: 'font-bold',
|
|
}}
|
|
>
|
|
Go to route B
|
|
</Link>
|
|
</div>
|
|
<div>
|
|
<Outlet />
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|