An option to show a skeleton representation of a row in a data table is needed so that individual rows can be set to a loading status, new content structure can be displayed whilst loading.
๐ฐ User value
Provides option to display rows in a data table that have yet to load or are updating.
๐ User Stories
If relevant, describe the high-level functionality as user stories.
As an ICDS user:
I need a skeleton representation of a data table row
So that the row structure can be displayed whilst loading or updating.
๐ Acceptance Criteria
If relevant, describe in full detail the different interactions and edge cases that the component or patterns needs to fulfil.
Given that a table row exists
When setting its properties
Then an option exists to show it as a skeleton.
Given that a table exists
When setting the table properties
Then it can be set to show as skeleton which displays all rows as skeletons.
โ Designs
If there's a Figma design file (or other mock-up), include it here.
ย ๐งพ Guidance
If there's written guidance or documentation, include it here.
Summary
An option to show a skeleton representation of a row in a data table is needed so that individual rows can be set to a loading status, new content structure can be displayed whilst loading.
๐ฐ User value
Provides option to display rows in a data table that have yet to load or are updating.
๐ User Stories
If relevant, describe the high-level functionality as user stories.
As an ICDS user: I need a skeleton representation of a data table row So that the row structure can be displayed whilst loading or updating.
๐ Acceptance Criteria
If relevant, describe in full detail the different interactions and edge cases that the component or patterns needs to fulfil.
Given that a table row exists When setting its properties Then an option exists to show it as a skeleton.
Given that a table exists When setting the table properties Then it can be set to show as skeleton which displays all rows as skeletons.
โ Designs
If there's a Figma design file (or other mock-up), include it here.
ย ๐งพ Guidance
If there's written guidance or documentation, include it here.