| Name | Type | Default | Description |
|---|---|---|---|
size |
String |
'sm' | 'lg' | 'xl' | 'xxl' |
/ export class EdSkeleton extends EdElement { static get styles() { return unsafeCSS(styles.toString()); } /** Size variant for the skeleton loader <ed-text-passage size="sm"> <ul> <li>**sm** Use for small text or icon placeholders</li> <li>**lg** Use for body text or content line placeholders</li> <li>**xl** Use for heading or large component placeholders</li> <li>**xxl** Use for hero images or large section placeholders</li> </ul> </ed-text-passage> |
width |
String |
string |
Width property 1) By default, the width is set to 100%. This property overrides the default for customization. |
| Name | Description |
|---|---|
- |
The component content |
Full interactive examples, variant previews, accessibility audits, and the complete API reference are available in Storybook — generated directly from the component source code.
packages/eddie-web-components/components/skeleton/skeleton.ts