Update docs

Author: mobily

docs/api/components/rows.mdx

@@ -81,27 +81,31 @@ render(<App />)
 ### Default Height
 
 ```jsx live
-const App = () => {
-  return (
-    <Stack space={4}>
-      <Rows defaultHeight="1/2" space={4}>
-        <Placeholder />
-        <Placeholder />
-      </Rows>
+const styles = StyleSheet.create({
+  fluidPlaceholder: {
+    backgroundColor: 'rgba(255, 0, 255, 0.05)',
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: 'rgba(255, 0, 255, 0.3)',
+  },
+})
 
-      <Rows defaultHeight="1/3" space={4}>
-        <Placeholder />
-        <Placeholder />
-      </Rows>
+const FluidPlaceholder = () => {
+  return (
+    <Box flex="fluid" style={styles.fluidPlaceholder} />
+  )
+}
 
+const App = () => {
+  return (
+    <Container height={440}>
       <Rows defaultHeight="1/4" space={4}>
-        <Placeholder />
-        <Placeholder />
+        <FluidPlaceholder />
+        <FluidPlaceholder />
         <Row height="1/2">
-          <Placeholder />
+          <FluidPlaceholder />
         </Row>
       </Rows>
-    </Stack>
+    </Container>
   )
 }
 

docs/docs/changelog.md

@@ -5,8 +5,8 @@ title: Changelog
 
 ### `v2.1.0`
 
-- ✨ added the `defaultWidth` prop to `Columns`, which allows to set a default column width behavior ([@domeknn](https://github.com/domeknn))
-- ✨ added the `defaultHeight` prop to `Rows`, which allows to set a default row height behavior ([@domeknn](https://github.com/domeknn))
+- ✨ added the [`defaultWidth`](/api/components/columns#default-width) prop to `Columns`, which allows to set a default column width behavior ([@domeknn](https://github.com/domeknn))
+- ✨ added the [`defaultHeight`](/api/components/rows#default-height) prop to `Rows`, which allows to set a default row height behavior ([@domeknn](https://github.com/domeknn))
 - 🐛 fixed an issue occured in `react-testing-library` and `react-native-web`, [#35](https://github.com/mobily/stacks/issues/35)
 - 🐛 minor bug fixes