minor docs rtl note

Author: omerman

apps/website/src/routes/docs/headless/popover/index.mdx

@@ -5,12 +5,31 @@ title: Qwik UI | Popover
 import { statusByComponent } from '~/_state/component-statuses';
 import Styles from './examples/styles';
 
-import { ShowcaseHero, ShowcaseBasic, ShowcaseInspect, ShowcaseAuto, ShowcaseManual, ShowcaseProgrammatic, ShowcaseToggleEvent, ShowcaseFloating, ShowcasePlacement, ShowcaseCorners, ShowcaseFlip, ShowcaseGutter, ShowcaseStyling, ShowcaseAnimation, ShowcaseTransition } from './showcase-components';
-import { CodeSnippetFloatingCss, CodeSnippetPopoverCss, CodeSnippetBuildingBlocks } from './code-snippets';
+import {
+  ShowcaseHero,
+  ShowcaseBasic,
+  ShowcaseInspect,
+  ShowcaseAuto,
+  ShowcaseManual,
+  ShowcaseProgrammatic,
+  ShowcaseToggleEvent,
+  ShowcaseFloating,
+  ShowcasePlacement,
+  ShowcaseCorners,
+  ShowcaseFlip,
+  ShowcaseGutter,
+  ShowcaseStyling,
+  ShowcaseAnimation,
+  ShowcaseTransition,
+} from './showcase-components';
+import {
+  CodeSnippetFloatingCss,
+  CodeSnippetPopoverCss,
+  CodeSnippetBuildingBlocks,
+} from './code-snippets';
 
 <StatusBanner status={statusByComponent.headless.Popover} />
 
-
 # Popover
 
 A popup that goes above other content on the page. You can still interact with the rest of the page while the popover is open.
@@ -24,6 +43,7 @@ A popup that goes above other content on the page. You can still interact with t
     'Polyfill for unsupported browsers',
     'Executes code on interaction',
     'Float and position the popover',
+    'Supports RTL',
   ]}
 />
 

apps/website/src/routes/docs/headless/tooltip/index.mdx

@@ -4,7 +4,19 @@ title: Qwik UI | Tooltip
 
 import { statusByComponent } from '~/_state/component-statuses';
 
-import { ShowcaseHero, ShowcaseFloating, ShowcasePlacement, ShowcaseFlip, ShowcaseGutter, ShowcaseStyling, ShowcaseAnimation, ShowcaseTransition, ShowcaseOnChange, ShowcaseBasic, ShowcaseComplex } from './showcase-components';
+import {
+  ShowcaseHero,
+  ShowcaseFloating,
+  ShowcasePlacement,
+  ShowcaseFlip,
+  ShowcaseGutter,
+  ShowcaseStyling,
+  ShowcaseAnimation,
+  ShowcaseTransition,
+  ShowcaseOnChange,
+  ShowcaseBasic,
+  ShowcaseComplex,
+} from './showcase-components';
 
 <StatusBanner status={statusByComponent.headless.Tooltip} />
 
@@ -25,6 +37,7 @@ A text label that appears when a user hovers, focuses, or touches an element.
     'Accessibility with ARIA roles and keyboard interactions',
     'Flipping to avoid overflow',
     'Automatic placement adjustment',
+    'Supports RTL',
   ]}
 />
 
@@ -42,9 +55,7 @@ export default component$(() => {
       <Tooltip.Trigger>
         <button>Hover or Focus me</button>
       </Tooltip.Trigger>
-      <Tooltip.Panel aria-label="Tooltip content">
-        Tooltip content here
-      </Tooltip.Panel>
+      <Tooltip.Panel aria-label="Tooltip content">Tooltip content here</Tooltip.Panel>
     </Tooltip.Root>
   );
 });