UxTableListExpandSection
components/ux/table-list/ExpandSection.vue
Section card for stacking inside a UxTableListExpandRow details well — the tinted well shows through the gaps. Default theme is borderless-with-shadow; theme="grape" is the child register (grape-50 fill, light grape border, no shadow) for a card that belongs to a row of the section above it.
| 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 |
components/ux/table-list/ExpandSection.vue
Usage
<UxTableListExpandSection
theme = "default"
>
Content here
</UxTableListExpandSection>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| theme | String | 'default' | 'default' (borderless, shadow) | 'grape' — the child register: grape-50 fill + grape-150 border, no shadow (dark: grape-850/30) |
Events
| Event | Description |
|---|---|
| close | X clicked — the X renders only when this listener is attached |
Slots
| Slot | Description |
|---|---|
| default | Section content |