fix(Stack): Fix StackItem not receiving "hidden" props

5app · Mar 8, 2021 · 8c6c92c · 8c6c92c
1 parent c3400cb
commit 8c6c92c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/Stack/README.mdx b/src/Stack/README.mdx
@@ -74,14 +74,14 @@ import {StackWrapper, StackItem} from 'base5-ui/Stack';
 ```
 
 All `Stack` props are now passed to the `StackWrapper` instead.
-Instead of using the `Hidden` component to responsively hide items, you can pass the `hideBelow` prop to items.
+Instead of using the `Hidden` component to responsively hide items, you can pass the `hiddenBelow` or `hiddenAbove` props to items.
 `StackItem` rejects all other custom props by default, but you can allow them to be passed through by attaching the `allowUnknownProps` prop.
 
 <Playground>
 	<StackWrapper as="list" spacing={[0, 's', 'xl']} breakpoints={['m', 'l']}>
 		<StackItem>Development</StackItem>
 		<StackItem>Marketing</StackItem>
-		<StackItem hideBelow="xs">Sales</StackItem>
+		<StackItem hiddenBelow="xs">Sales</StackItem>
 		<StackItem>Design</StackItem>
 	</StackWrapper>
 </Playground>

diff --git a/src/Stack/index.js b/src/Stack/index.js
@@ -155,6 +155,8 @@ const StackItem = forwardRef(function StackItem(
 			ref={ref}
 			as={as}
 			pt={spacing}
+			below={hiddenBelow}
+			above={hiddenAbove}
 			breakpoints={breakpoints}
 		>
 			{children}