UxTableListExpandRow
components/ux/table-list/ExpandRow.vue
Table row that expands to reveal a details panel with grape background and close button.
| 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"
>
Content here
</UxTableListExpandRow>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| isOpen | Boolean | false | Expand state |
| to | Object | null | Optional NuxtLink route |
Events
| Event | Description |
|---|---|
| detailsOpen | When row expands |
| detailsClose | When row collapses |
Slots
| Slot | Description |
|---|---|
| default | Row cells |
| details | Expanded detail content |