{
  "id": "f6605e22fc282900916bb4df",
  "source": "solid:signals",
  "type": "github-document",
  "title": "use-is-routing",
  "content": "---\ntitle: useIsRouting\nuse_cases: \u003e-\n  loading states, transition indicators, pending ui, stale content, concurrent\n  rendering feedback\ntags:\n  - loading\n  - transition\n  - pending\n  - state\n  - ui\nversion: \"1.0\"\ndescription: \u003e-\n  Track route transitions with useIsRouting - display loading states, pending\n  UI, and transition feedback during navigation in SolidJS.\n---\n\nThe `useIsRouting` function is a utility for detecting when the router is processing a route transition.\n\n## Import\n\n```ts\nimport { useIsRouting } from \"@solidjs/router\";\n```\n\n## Type\n\n```ts\nconst useIsRouting: () =\u003e () =\u003e boolean;\n```\n\n## Parameters\n\nNone.\n\n## Return value\n\n**Type:** `() =\u003e boolean`\n\nAn accessor function that returns `true` during route transitions and `false` otherwise.\n\n## Examples\n\n### Route transition indicator\n\n```tsx\nimport { useIsRouting } from \"@solidjs/router\";\n\nfunction App() {\n\tconst isRouting = useIsRouting();\n\n\treturn (\n\t\t\u003c\u003e\n\t\t\t{isRouting() \u0026\u0026 \u003cdiv class=\"loading-bar\" /\u003e}\n\t\t\t\u003cMyContent /\u003e\n\t\t\u003c/\u003e\n\t);\n}\n```\n\n## Related\n\n- [`\u003cRouter\u003e`](/solid-router/reference/components/router)\n- [`useNavigate`](/solid-router/reference/primitives/use-navigate)",
  "url": "https://github.com/solidjs/solid-docs/blob/HEAD/src/routes/solid-router/reference/primitives/use-is-routing.mdx",
  "metadata": {
    "path": "src/routes/solid-router/reference/primitives/use-is-routing.mdx",
    "repo": "solidjs/solid-docs",
    "repo_url": "https://github.com/solidjs/solid-docs.git",
    "size": 1155,
    "source_type": "github"
  },
  "hash": "9b817de2260c4d296f5a2ea5e400827926522bf3caa1a4112576d3897e934bfe",
  "timestamp": "2026-02-23T11:43:00.193028314+01:00"
}