mi6 / ic-ui-kit

Intelligence Community UI Kit (based on StencilJS)
MIT License
25 stars 27 forks source link

Skeleton rows for data tables #1004

Open DBD324 opened 1 year ago

DBD324 commented 1 year ago

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.

ad9242 commented 1 year ago

discussed implementing by having a (@internal) prop to turn on this mode