Flow
The flow utility provides flow and rhythm between direct sibling elements.
Where --flow-space is not defined: the default value is 1em, which equals the font size of the affected element. For more info about the flow utility look at this article.
Configuration #
| Property | Default value | Description |
|---|---|---|
--flow-space | --spacing-xs | This defines the space between each item. |
Default flow #
Flow space utility #
You can also use the .flow-space-{spacing} generated utility that allows you to use the spacing design tokens.