ギャップとは、同一の親エレメント内に入っている子エレメント間の余白を意味します。ギャップを使うことで余白を均等に一括設定することができます。

この記事では、レイアウトにおけるギャップの設定について解説します。

ギャップは、親エレメントのスタイルパネルのレイアウト - gapより設定できます。

ギャップはレイアウトの方向（flex-direction）により自動で縦方向もしくは横方向（Wrap適用時は両方向）に設定されます。設定されたギャップはキャンバス上に色付きで表示されます。