Content
List
Core

Space

Use component utility .xt-list-<space> to space content.

For <space> values use any of Tailwind CSS spacing.

SyntaxMixinVariantsDescription
Utility.xt-list-<space>xt-list-<space>responsiveSpace contents horizontally and vertically
Utility.xt-list-x-<space>xt-list-x-<space>responsiveSpace contents horizontally
Utility.xt-list-y-<space>xt-list-y-<space>responsiveSpace 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 has align-items: stretch.