UxListItem
components/ux/ListItem.vue
Horizontal list item with left/right slots, description subtitle, and manage action link.
Ps
Production
5 endpoints configured
Manage
S
Staging
2 endpoints configured
Manage
components/ux/ListItem.vue
Usage
<UxListItem
description = "—"
:manage = "true"
manageTxt = "Manage"
:showArrow = "true"
:clickable = "true"
size = "reg"
>
Content here
</UxListItem>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| description | String | '' | Subtitle text |
| manage | Boolean | true | Show manage link |
| manageTxt | String | 'Manage' | Manage link text |
| showArrow | Boolean | true | Show right arrow |
| clickable | Boolean | true | Enable hover styles |
| size | String | 'reg' | 'reg' or other size |
Events
| Event | Description |
|---|---|
| manage | When manage link is clicked |
Slots
| Slot | Description |
|---|---|
| left | Left content (icon, avatar) |
| default | Title text |
| right | Right content area |