kotlin-tanstack-react-router-devtools/tanstack.react.router.devtools/TanStackRouterDevtoolsOptions

TanStackRouterDevtoolsOptions

external interface TanStackRouterDevtoolsOptions : Props(source)

Properties

abstract external var closeButtonProps: ButtonHTMLAttributes<HTMLButtonElement>?

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.

containerElement

abstract external var containerElement: Any?

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'.

initialIsOpen

abstract external var initialIsOpen: Boolean?

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

key

abstract external var key: Key?

panelProps

abstract external var panelProps: HTMLAttributes<HTMLDivElement>?

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

position

abstract external var position: Position?

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

router

abstract external var router: Router?

The router instance to use for the devtools.

shadowDOMTarget

abstract external var shadowDOMTarget: ShadowRoot?

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

toggleButtonProps

abstract external var toggleButtonProps: ButtonHTMLAttributes<HTMLButtonElement>?

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.

Functions

unaryPlus

open inline operator external fun Props?.unaryPlus()