Update downstream API usages/references 🤦

elastic · Jan 12, 2024 · 1812e86 · 1812e86
1 parent 60d3439
commit 1812e86
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 9 deletions.
diff --git a/changelogs/upcoming/7455.md b/changelogs/upcoming/7455.md
@@ -1 +1 @@
-- Updated `EuiResizableButton` with a new `showIndicator` prop, which allows replacing the default grab handle with a plain border
+- Updated `EuiResizableButton` to allow customizing the `indicator` style with either `handle` (default) or `border`
diff --git a/src-docs/src/views/resizable_container/resizable_button_indicator.tsx b/src-docs/src/views/resizable_container/resizable_button_indicator.tsx
@@ -18,7 +18,7 @@ export default () => (
           <EuiText>{text}</EuiText>
         </EuiResizablePanel>
 
-        <EuiResizableButton showIndicator={false} />
+        <EuiResizableButton indicator="border" />
 
         <EuiResizablePanel
           initialSize={50}
@@ -36,7 +36,7 @@ export default () => (
                   <EuiText>{text}</EuiText>
                 </EuiResizablePanel>
 
-                <EuiResizableButton showIndicator={false} />
+                <EuiResizableButton indicator="border" />
 
                 <EuiResizablePanel initialSize={50} minSize="50px" tabIndex={0}>
                   <EuiText>{text}</EuiText>

diff --git a/src-docs/src/views/resizable_container/resizable_container_example.js b/src-docs/src/views/resizable_container/resizable_container_example.js
@@ -521,9 +521,9 @@ export const ResizableContainerExample = {
             indicator as a UI hint. For use cases where the resize behavior is
             "nice to have" but not a primary UX focus, or where there are many
             other busy UI elements on the page, you can set{' '}
-            <EuiCode>{'showIndicator={false}'}</EuiCode> to display a subdued
-            border element instead, which only provides resize affordance on
-            hover or focus.
+            <EuiCode>indicator="border"</EuiCode> to display a subdued border
+            element instead, which only provides resize affordance on hover or
+            focus.
           </p>
         </>
       ),
@@ -532,7 +532,7 @@ export const ResizableContainerExample = {
       props: { EuiResizableButton },
       snippet: `<EuiResizableButton
   isHorizontal
-  showIndicator={false}
+  indicator="border"
 />`,
     },
     {

diff --git a/src/components/flyout/flyout_resizable.tsx b/src/components/flyout/flyout_resizable.tsx
@@ -147,7 +147,7 @@ export const EuiFlyoutResizable = forwardRef(
       >
         <EuiResizableButton
           isHorizontal
-          showIndicator={false}
+          indicator="border"
           css={cssStyles}
           onMouseDown={onMouseDown}
           onTouchStart={onMouseDown}

diff --git a/src/components/resizable_container/resizable_button.stories.tsx b/src/components/resizable_container/resizable_button.stories.tsx
@@ -21,7 +21,7 @@ const meta: Meta<EuiResizableButtonProps> = {
   component: EuiResizableButton,
   args: {
     // Component defaults
-    showIndicator: true,
+    indicator: 'handle',
     alignIndicator: 'center',
     disabled: false,
     isHorizontal: false,
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		- Updated `EuiResizableButton` with a new `showIndicator` prop, which allows replacing the default grab handle with a plain border
		- Updated `EuiResizableButton` to allow customizing the `indicator` style with either `handle` (default) or `border`