import Playground from '@site/src/components/Playground'; import Tabs from '@theme/Tabs'; import TabItem from '@theme/TabItem';

Gap

Gap will add spacing between the rows and columns of a flex container. You can specify if you want the gaps to be between only the rows, only the columns, or both. You can do this by passing in the corresponding gutter value to the API, for example

<Tabs groupId="language"> <TabItem value="cpp" label="C/C++"> ```cpp YGNodeStyleSetGap(node, YGGutterRow, amount); ``` </TabItem> <TabItem value="java" label="Java"> ```java node.setGap(YogaGutter.ROW, amount); ``` </TabItem> <TabItem value="js" label="JavaScript"> ```typescript node.setGap(Gutter.Row, amount); ``` </TabItem> </Tabs>