List
Core

List is a component to space any element with margins, also spaces vertically.

Styles

You can customize the default styles of this component inside tailwind.config.js setting theme.extend.xtendui.list see css customization. Check xtendui/src/list.css.js for default styles.

Usage

Use .flex-auto to expand items to fill width.

SyntaxMixinDescription
Component.xt-listxt-listList styles

For accessibility purpose use <nav></nav> with an accessible name assigning [aria-label] or [aria-labelledby].

You should never use Tailwind CSS width classes inside .xt-list. Otherwise you can space contents with row.

Stack

Use .inline-flex and flex-direction to stack.