Viewing docs for an older release. View latest
Outlet

<Outlet>

Renders the matching child route of a parent route.

import { Outlet } from "@remix-run/react";

export function SomeParent() {
  return (
    <div>
      <h1>Parent Content</h1>

      <Outlet />
    </div>
  );
}

Props

context

Provides a context value to the element tree below the outlet. Use when the parent route needs to provide values to child routes.

<Outlet context={myContextValue} />

See also: useOutletContext

Docs and examples licensed under MIT