Скелетон
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. |