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.
Syntax | Mixin | Description | |
---|---|---|---|
Component | .xt-list | xt-list | List 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.