docs(angular-query-devtools): button position relative (#6911)

TanStack · Feb 16, 2024 · 65a5540 · 65a5540
1 parent e83a823
commit 65a5540
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/docs/framework/angular/devtools.md b/docs/framework/angular/devtools.md
@@ -45,9 +45,10 @@ import { Component } from '@angular/core';
 
 - `initialIsOpen: Boolean`
   - Set this `true` if you want the dev tools to default to being open
-- `buttonPosition?: "top-left" | "top-right" | "bottom-left" | "bottom-right"`
+- `buttonPosition?: "top-left" | "top-right" | "bottom-left" | "bottom-right" | "relative"`
   - Defaults to `bottom-right`
   - The position of the TanStack logo to open and close the devtools panel
+  - If `relative`, the button is placed in the location that you render the devtools.
 - `position?: "top" | "bottom" | "left" | "right"`
   - Defaults to `bottom`
   - The position of the Angular Query devtools panel

diff --git a/packages/angular-query-devtools-experimental/src/angular-query-devtools.component.ts b/packages/angular-query-devtools-experimental/src/angular-query-devtools.component.ts
@@ -50,21 +50,22 @@ export class AngularQueryDevtools
 
   /**
    * The position of the TanStack logo to open and close the devtools panel.
-   * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'
-   * Defaults to 'bottom-right'.
+   * `top-left` | `top-right` | `bottom-left` | `bottom-right` | `relative`
+   * Defaults to `bottom-right`.
+   * If `relative`, the button is placed in the location that you render the devtools.
    * @example
    * <angular-query-devtools buttonPosition="top-right" />
    */
   @Input() buttonPosition?: queryDevtools.DevtoolsButtonPosition
 
   /**
    * The position of the Angular Query devtools panel.
-   * 'top' | 'bottom' | 'left' | 'right'
-   * Defaults to 'bottom'.
+   * `top` | `bottom` | `left` | `right`
+   * Defaults to `bottom`.
    * @example
    * <angular-query-devtools position="bottom" />
    */
-  @Input({ alias: 'position' }) position?: queryDevtools.DevtoolsPosition
+  @Input() position?: queryDevtools.DevtoolsPosition
 
   /**
    * Custom instance of QueryClient