{
  "id": "0dbb925f64fd1bd9488b4054",
  "source": "solid:signals",
  "type": "github-document",
  "title": "route",
  "content": "---\ntitle: Route\nuse_cases: \u003e-\n  defining routes, app structure, url mapping, component rendering, nested\n  routing\ntags:\n  - component\n  - routes\n  - structure\n  - paths\n  - nested\n  - configuration\nversion: '1.0'\ndescription: \u003e-\n  Route component defines your application's URL structure and maps paths to\n  components with support for multiple paths and nested routing.\n---\n\n`Route` is the component used when defining the routes of an application.\nThis component is used to define the structure of the application and the components that will be rendered for each route.\n\n:::note[Multiple paths]\nRoutes support defining multiple paths using an array.\nThis is useful for when you want a route to remain mounted and not re-render when switching between two or more locations that it matches:\n\n```jsx\n\u003cRoute path={[\"/login\", \"/register\"]} component={Login} /\u003e\n```\n\nThis would mean navigating from `/login` to `/register` would not cause the `Login` component to re-render.\n\n:::\n\n| prop         | type                 | description                                                       |\n| ------------ | -------------------- | ----------------------------------------------------------------- |\n| path         | `string \\| string[]` | Path partial for defining the route segment                       |\n| component    | `Component`          | Component that will be rendered for the matched segment           |\n| matchFilters | `MatchFilters`       | Additional constraints for matching against the route             |\n| children     | `JSX.Element`        | Nested `\u003cRoute\u003e` definitions                                      |\n| preload      | `RoutePreloadFunc`   | Function called during preload or when the route is navigated to. |",
  "url": "https://github.com/solidjs/solid-docs/blob/HEAD/src/routes/solid-router/reference/components/route.mdx",
  "metadata": {
    "path": "src/routes/solid-router/reference/components/route.mdx",
    "repo": "solidjs/solid-docs",
    "repo_url": "https://github.com/solidjs/solid-docs.git",
    "size": 1736,
    "source_type": "github"
  },
  "hash": "67dfee64cd1d08bb4871e735d69caa88a4f49af037cd079c2abecf7fc9a3d160",
  "timestamp": "2026-02-23T11:43:00.192490133+01:00"
}