Скелетон
PrimeNG/Skeleton (opens in a new tab)
Скелетон - это плейсхолдер для отображения подгрузки вместо фактического содержимого.
С чего начать
Подключите модуль
import { SkeletonModule } from 'primeng/skeleton';Встройте компонент с помощью тэга p-skeleton.
Rectangle
Rounded
Square
Circle
Card
List
Свойства
| Name | Type | Default | Description |
|---|---|---|---|
| shape | string | rectangle | Shape of the element, options are "rectangle" and "circle". |
| size | string | null | Size of the Circle or Square. |
| width | string | 100% | Width of the element. |
| height | string | 1rem | Height of the element. |
| borderRadius | string | null | Border radius of the element, defaults to value from theme. |
| animation | string | wave | Type of the animation, valid options are "wave" and "none". |
| style | object | null | Inline style of the component. |
| styleClass | string | null | Style class of the component. |
Стилизация
| Name | Element |
|---|---|
| p-skeleton | Container element. |
| p-skeleton-circle | Container element of a determinate progressbar. |
| p-skeleton-animation-none | Container element of an indeterminate progressbar. |