fix some examples

Author: kmcfaul

packages/react-core/src/components/OverflowMenu/examples/OverflowMenuBreakpointOnContainerHeight.tsx

@@ -60,7 +60,7 @@ export const OverflowMenuBreakpointOnContainerHeight: React.FunctionComponent =
     <>
       <div style={{ height: '100%', maxHeight: '400px' }}>
         <div>
-          <span id="overflowMenu-hasBreakpointOnContainer-height-slider-label">Current container width</span>:{' '}
+          <span id="overflowMenu-hasBreakpointOnContainer-height-slider-label">Current container height</span>:{' '}
           {containerHeight}%
         </div>
         <Slider
@@ -75,7 +75,7 @@ export const OverflowMenuBreakpointOnContainerHeight: React.FunctionComponent =
         />
       </div>
       <div ref={containerRef} id="height-breakpoint-reference-container" style={containerStyles}>
-        <OverflowMenu breakpointReference={containerRef} breakpoint="sm">
+        <OverflowMenu breakpointReference={containerRef} breakpoint="sm" isVertical>
           <OverflowMenuContent>
             <OverflowMenuItem>Item 1</OverflowMenuItem>
             <OverflowMenuItem>Item 2</OverflowMenuItem>

packages/react-core/src/components/Toolbar/examples/ToolbarVertical.tsx

@@ -17,14 +17,14 @@ export const ToolbarGroups: React.FunctionComponent = () => (
           <Button variant="plain" aria-label="sync" icon={<SyncIcon />} />
         </ToolbarItem>
       </ToolbarGroup>
-      <ToolbarGroup variant="action-group-plain" visibility={{ default: 'hidden', md: 'visible' }}>
+      <ToolbarGroup variant="action-group-plain" visibilityAtHeight={{ default: 'hidden', md: 'visible' }}>
         <ToolbarItem>
           <Button variant="plain" aria-label="edit" icon={<EditIcon />} />
         </ToolbarItem>
-        <ToolbarItem visibility={{ default: 'hidden', lg: 'visible' }}>
+        <ToolbarItem visibilityAtHeight={{ default: 'hidden', lg: 'visible' }}>
           <Button variant="plain" aria-label="clone" icon={<CloneIcon />} />
         </ToolbarItem>
-        <ToolbarItem visibility={{ default: 'hidden', lg: 'visible' }}>
+        <ToolbarItem visibilityAtHeight={{ default: 'hidden', lg: 'visible' }}>
           <Button variant="plain" aria-label="sync" icon={<SyncIcon />} />
         </ToolbarItem>
       </ToolbarGroup>