[Discuss] Skeleton component and usage

[snide]

@bevacqua reminded us that folks are using <EuiLoadingContent lines={3} /> quite a bit downstream. We've also seen some usage in the SIEM apps that @andrew-goldstein and @XavierM put together. We had a discussion as a team about how to handle these types of loading states and came away with the following discussion points:

We need more skeleton primitives for off the cuff usage

To "fake" components we probably need skeleton solutions to the following:

• Images
• Avatars
• Text of various sizes
• "Blocks"

Long term, it might be nice to build skeleton modes into the components directly

We rambled a little bit about whether EUI components should actually have a skeleton boolean prop that would just automatically fake content as needed.

[myasonik]

Haven't looked too into this, but wanted to drop this somewhere it wouldn't be forgotten about:

An accessible skeleton component demo

[cchaos]

Padding this with a link to an old discussion of using this in tables as well. #476

[github-actions]

👋 Hey there. This issue hasn't had any activity for 180 days. We'll automatically close it if that trend continues for another week. If you feel this issue is still valid and needs attention please let us know with a comment.

[snide]

Added this to a long term goal.

[github-actions]

👋 Hey there. This issue hasn't had any activity for 180 days. We'll automatically close it if that trend continues for another week. If you feel this issue is still valid and needs attention please let us know with a comment.

[AndreaDellaValle]

Hello folks 👋

I'm enjoying using EUI to build interfaces, and I want to thank you guys for all this precious work 🙏

Speaking about the need for Skeleton primitives, I totally agree, and at the moment I'm keeping up only by heavily hacking the EuiLoadingContent component. But this is not so maintainable for the long term.

So as per CONTRIBUTING guidelines, I'm posting this to mark my intent to work on this new EuiSkeleton component proposal, and I'll come up with a draft PR in the next weeks to better discuss.

NOTE: I'm comparing skeleton components of other design systems and trying to end up with a proposal that sticks with the EUI structure as much as possible, but of course, this will overlap with the EuiLoadingContent component so later we can also discuss how to handle this).

See you soon

[AndreaDellaValle]

PR link #6502

[cee-chen]

Closed by #6558