Props & events
Attributes & behavior classes
A list has no color/style axes — its only variation is which tag each .list-item uses: a plain <div> (static), an <a href="..."> (navigable), or a <button> (clickable), each getting the appropriate interactive styling.
| Attribute / class | Purpose |
|---|---|
aria-label | Describes the list as a whole, e.g. aria-label="Recent activity" |
href (on an <a> row) | Makes that row a real navigable link |
disabled / aria-disabled="true" | Dims a row and disables pointer events |
Events
The list is purely static and structural — it carries no JavaScript behavior of its own. Selection, drag-reorder, or swipe-to-dismiss are left to the consuming page, typically via .toggle-target/.action-* on individual items.
This component is purely presentational — it emits no JavaScript events.