UNPKG

@finastra/skeleton

Version:

Skeleton Web Component

29 lines (22 loc) • 1.84 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
# fds-skeleton ## Properties | Property | Attribute | Type | Default | Description | |------------|-----------|------------------------------------|---------|-----------------------------| | `height` | `height` | `string` | | Height of the skeleton | | `override` | | | | | | `size` | `size` | `h1\|h2\|h3\|h4\|h5\|h6\|small\|p` | "p" | Define the size of skeleton | | `type` | `type` | `circle\|text\|rectangle` | "text" | Define the type of skeleton | | `width` | `width` | `string` | | Width of the skeleton | ## Methods | Method | Type | |----------------|--------------------------------------------------| | `updateHeight` | `(): void` | | `updateWidth` | `(): void` | | `willUpdate` | `(_changedProperties: Map<string \| number \| symbol, unknown> \| PropertyValueMap<any>): void` | ## CSS Custom Properties | Property | Default | Description | |------------------------------------|--------------------------------|-----------------------------------| | `--fds-skeleton-background` | "var(--fds-surface-selected)" | Background color of the skeleton. | | `--fds-skeleton-height` | "162px" | Width of the skeleton | | `--fds-skeleton-placeholder-color` | "var(--fds-on-surface-medium)" | Color of placeholder. | | `--fds-skeleton-width` | "162px" | Height of the skeleton |