Space
Use component utility .xt-row-<space> to space content.
For <space> values use any of Tailwind CSS spacing.
| Syntax | Mixin | Variants | Description | |
|---|---|---|---|---|
| Utility | .xt-row-<space> | xt-row-<space> | responsive | Space contents horizontally and vertically |
| Utility | .xt-row-x-<space> | xt-row-x-<space> | responsive | Space contents horizontally |
| Utility | .xt-row-y-<space> | xt-row-y-<space> | responsive | Space contents vertically |
Don't use margin or width on list because it has automatic negative margins for internal spacing.
Sometimes negative top margin bleed on parent nodes, to fix it use
flexthe a parent node.
Alignment
Use Tailwind CSS to assign alignment (e.g. margin auto, align-items, justify-content).