TanStackRouterDevtoolsOptions

Use this to add props to the close button. For example, you can add className, style (merge and override default style), onClick (extend default handler), etc.

Use this to render the devtools inside a different type of container element for a11y purposes. Any string which corresponds to a valid intrinsic JSX element is allowed. Defaults to 'footer'.

Set this true if you want the dev tools to default to being open

Use this to add props to the panel. For example, you can add className, style (merge and override default style), etc.

The position of the TanStack Router logo to open and close the devtools panel. Defaults to 'bottom-left'.

The router instance to use for the devtools.

Use this to attach the devtool's styles to specific element in the DOM.

Use this to add props to the toggle button. For example, you can add className, style (merge and override default style), onClick (extend default handler), etc.