Skip to content

Commit 4ef364a

Browse files
authored
docs(devtools): add 'relative' to Vue/Solid 'buttonPosition' and fix Vue 'style' type (TanStack#10608)
docs(devtools): align Vue and Solid option types
1 parent c5ab5a1 commit 4ef364a

2 files changed

Lines changed: 3 additions & 3 deletions

File tree

docs/framework/solid/devtools.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -70,7 +70,7 @@ function App() {
7070

7171
- `initialIsOpen: boolean`
7272
- Set this `true` if you want the dev tools to default to being open
73-
- `buttonPosition?: "top-left" | "top-right" | "bottom-left" | "bottom-right"`
73+
- `buttonPosition?: "top-left" | "top-right" | "bottom-left" | "bottom-right" | "relative"`
7474
- Defaults to `bottom-right`
7575
- The position of the Solid Query logo to open and close the devtools panel
7676
- `position?: "top" | "bottom" | "left" | "right"`

docs/framework/vue/devtools.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -65,7 +65,7 @@ import { VueQueryDevtools } from '@tanstack/vue-query-devtools'
6565

6666
- `initialIsOpen: boolean`
6767
- Set this `true` if you want the dev tools to default to being open.
68-
- `buttonPosition?: "top-left" | "top-right" | "bottom-left" | "bottom-right"`
68+
- `buttonPosition?: "top-left" | "top-right" | "bottom-left" | "bottom-right" | "relative"`
6969
- Defaults to `bottom-right`.
7070
- The position of the React Query logo to open and close the devtools panel.
7171
- `position?: "top" | "bottom" | "left" | "right"`
@@ -105,7 +105,7 @@ function toggleDevtools() {
105105

106106
### Options
107107

108-
- `style?: React.CSSProperties`
108+
- `style?: Partial<CSSStyleDeclaration>`
109109
- Custom styles for the devtools panel
110110
- Default: `{ height: '500px' }`
111111
- Example: `{ height: '100%' }`

0 commit comments

Comments
 (0)