Merge pull request #33322 from backstage/jonathanroebuck/bucks-2919-fe-reusable-skeletonloading-state-for-bui-table-components

feat(ui): replace Table loading text with skeleton rows
This commit is contained in:
Charles de Dreuille
2026-03-16 11:12:29 +00:00
committed by GitHub
10 changed files with 145 additions and 44 deletions
@@ -0,0 +1,7 @@
---
'@backstage/ui': patch
---
Added a `loading` prop and `data-loading` data attribute to `TableRoot`, allowing consumers to distinguish between stale data and initial loading states. Both `stale` and `loading` set `aria-busy` on the table.
Affected components: TableRoot
+7
View File
@@ -0,0 +1,7 @@
---
'@backstage/ui': patch
---
Improved the `Table` component loading state to show a skeleton UI with visible headers instead of plain "Loading..." text. The table now renders its full structure during loading, with animated skeleton rows in place of data. The loading state includes proper accessibility support with `aria-busy` on the table and screen reader announcements.
Affected components: Table