Loading placeholder shaped like a table or data grid while real rows load.
SkeletonTable renders a header row plus skeleton rows so a table surface keeps its dimensions while data is loading.
Defaults to 4 columns × 5 rows.
<SkeletonTable />import { SkeletonTable } from "@froggdesign/enter-ui-react";The wrapper exposes aria-busy="true" and aria-live="polite" so assistive tech announces the loading state. Replace the skeleton with the real table once data arrives so focus stays predictable.
columns: number of columns (default 4).rows: number of skeleton rows (default 5).dense: pass through Table density.showHeader: hide the header row when false.Every exported component accepts className. EnterUI styles use .eui-* classes and --eui-* variables mapped from FroggDesign theme tokens.