diff --git a/packages/grafana-ui/src/components/Segment/Segment.story.tsx b/packages/grafana-ui/src/components/Segment/Segment.story.tsx index c17f6729d3d..771fc011ba7 100644 --- a/packages/grafana-ui/src/components/Segment/Segment.story.tsx +++ b/packages/grafana-ui/src/components/Segment/Segment.story.tsx @@ -33,7 +33,7 @@ const SegmentFrame = ({ children: React.ReactNode; }) => ( <> - + {children} action('New value added')(value)} options={options} /> diff --git a/packages/grafana-ui/src/components/Segment/SegmentAsync.story.tsx b/packages/grafana-ui/src/components/Segment/SegmentAsync.story.tsx index 918a5af232f..edf49d25647 100644 --- a/packages/grafana-ui/src/components/Segment/SegmentAsync.story.tsx +++ b/packages/grafana-ui/src/components/Segment/SegmentAsync.story.tsx @@ -29,12 +29,13 @@ const SegmentFrame = ({ loadOptions: (options: Array>) => Promise>>; }>) => ( <> - + {children} action('New value added')(value)} loadOptions={() => loadOptions(options)} + inputMinWidth={100} /> diff --git a/packages/grafana-ui/src/components/Segment/SegmentInput.story.tsx b/packages/grafana-ui/src/components/Segment/SegmentInput.story.tsx index 0f596e5f334..85e9122ef4f 100644 --- a/packages/grafana-ui/src/components/Segment/SegmentInput.story.tsx +++ b/packages/grafana-ui/src/components/Segment/SegmentInput.story.tsx @@ -8,7 +8,7 @@ import { SegmentInputProps } from './SegmentInput'; const SegmentFrame = ({ children }: React.PropsWithChildren) => ( <> - {children} + {children} );