Add buttonPosition property with relative option

[yairEO]

I would like to have complete control over the placement of the <DevTools> component.

Tanstack React-query offers buttonsPosition property which also allows "relative"

https://tanstack.com/query/latest/docs/framework/react/devtools#options

Usage example:

<div
  style={{
    position: "fixed",
    bottom: "40px",
    left: "10px",
    zIndex: 9999,
  }}
>
  <ReactQueryDevtools
    initialIsOpen={false}
    buttonPosition="relative"
    position="bottom"
  />
</div>

This would be very helpful for me and probably others! The current positioning options are all ill-fitted for my app

[arjunvegda]

Thanks for reaching out! Are you able to apply custom CSS via jotai-devtools-trigger-button class?

[yairEO]

I am highly reluctant to use CSS selectors in "my" app because we are using Tailwind and I don't want to write this very-specific override on a single CSS file because it is extremely odd for our project to do such a thing. Ideally this would be configurable as I've suggested, in order to eliminate the need for any CSS file (in a tailwind-only app)

[arjunvegda]

I hear you, but I don’t think adding support for CSS overrides like that is the right direction at this point. It feels a bit convoluted and adds unnecessary complexity to the library.