Version 4 beta
Forma 36 v4 beta is availableClick here to go to the new version
Forma 36

Skeleton Row

StorybookGithub
stable

Use the SkeletonRow component to create a better loading state for your tables whenever they use asynchronous data.

Best practices

  • Pass a value to the columnCount prop equal to the number of columns in your table (default value is 5)
  • Pass a value to the rowCount prop equal to the number of rows you need. We think that for a better experience this value should match the number of rows that this table usually has when it's first loaded.
  • Only use this component as a child of the TableBody component. The SkeletonRow component renders <tr> tags, and this HTML tag should always be a child of a <tbody> tag