UxTableListExpandRow
components/ux/table-list/ExpandRow.vue
Table row that expands to reveal a details well; by default the details slot renders inside one ExpandSection card with a close X.
| Vendor | Requests | Availability | Avg Duration |
|---|---|---|---|
| api.github.com | 45,230 | 99.95% | 145 ms |
| api.stripe.com | 32,456 | 99.99% | 89 ms |
| api.cloudflare.com | 28,901 | 99.98% | 67 ms |
| api.twilio.com | 15,678 | 99.9% | 112 ms |
| api.sendgrid.com | 9,870 | 99.97% | 78 ms |
components/ux/table-list/ExpandRow.vue
Usage
<UxTableListExpandRow
:isOpen = "false"
:to = "to"
:bare = "false"
:quiet = "false"
>
Content here
</UxTableListExpandRow>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| isOpen | Boolean | false | Expand state (currently dead — shadowed by internal state; use exposed open()/close()) |
| to | Object | null | Optional NuxtLink route |
| bare | Boolean | false | Render the details slot without the default ExpandSection card |
| quiet | Boolean | false | Quiet register: the open row and its details well stay surface-white — no purple rules, tint, or bordered well. For nested/child expand rows where a themed child card (ExpandSection theme="grape") carries the differentiation |
Events
| Event | Description |
|---|---|
| detailsOpen | When row expands |
| detailsClose | When row collapses |
Slots
| Slot | Description |
|---|---|
| default | Row cells |
| details | Expanded detail content; slot scope: { close } |