Storybook: Formatted SegmentAsync story (#77307)

2023-11-01 10:47:56 +00:00
parent 78df641b38
commit d1798819c0
3 changed files with 4 additions and 3 deletions
@@ -33,7 +33,7 @@ const SegmentFrame = ({
  children: React.ReactNode;
 }) => (
  <>
-    <SegmentSection label="Segment Name">
+    <SegmentSection label="Segment">
      {children}
      <Segment Component={AddButton} onChange={({ value }) => action('New value added')(value)} options={options} />
    </SegmentSection>
@@ -29,12 +29,13 @@ const SegmentFrame = ({
  loadOptions: (options: Array<SelectableValue<string>>) => Promise<Array<SelectableValue<string>>>;
 }>) => (
  <>
-    <SegmentSection label="Segment Name">
+    <SegmentSection label="Segment">
      {children}
      <SegmentAsync
        Component={AddButton}
        onChange={(value) => action('New value added')(value)}
        loadOptions={() => loadOptions(options)}
+        inputMinWidth={100}
      />
    </SegmentSection>
  </>
@@ -8,7 +8,7 @@ import { SegmentInputProps } from './SegmentInput';

 const SegmentFrame = ({ children }: React.PropsWithChildren) => (
  <>
-    <SegmentSection label="Segment Name">{children}</SegmentSection>
+    <SegmentSection label="Segment">{children}</SegmentSection>
  </>
 );