Space
Use component utility .xt-list-<space>
to space content.
For <space>
values use any of Tailwind CSS spacing.
Syntax | Mixin | Variants | Description | |
---|---|---|---|---|
Utility | .xt-list-<space> | xt-list-<space> | responsive | Space contents horizontally and vertically |
Utility | .xt-list-x-<space> | xt-list-x-<space> | responsive | Space contents horizontally |
Utility | .xt-list-y-<space> | xt-list-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
flex
the a parent node.
Alignment
Use Tailwind CSS to assign alignment (e.g. margin auto, align-items, justify-content).
By default
.xt-list
hasalign-items: stretch
.